Как изменить положение стрелки в теге выбора? ⇐ CSS
-
Anonymous
Как изменить положение стрелки в теге выбора?
I faced a problem when styling the select tag. The thing is that by default, the arrow is in the right corner of the field, which takes the size of the largest option tag. That's why, when a small option is selected, everything looks not in a proper way. Is there any possibility to adjust the width of the select tag to the current option or somehow attach the arrow to it? Thanks in advance! Show screen
... ... ... Rejected Pending Approved Waiting for payment Paid ... .module-table { min-width: 100%; margin-bottom: 30px; } .module-status-dropdown { position: relative; padding: 0; margin: 0; border: none; background: transparent; margin-left: -4px; } option { padding: 0; background: transparent; color: #000; } I tried applying the appearance: none property and adding an arrow using the after pseudo element, but nothing worked.
Источник: https://stackoverflow.com/questions/781 ... select-tag
I faced a problem when styling the select tag. The thing is that by default, the arrow is in the right corner of the field, which takes the size of the largest option tag. That's why, when a small option is selected, everything looks not in a proper way. Is there any possibility to adjust the width of the select tag to the current option or somehow attach the arrow to it? Thanks in advance! Show screen
... ... ... Rejected Pending Approved Waiting for payment Paid ... .module-table { min-width: 100%; margin-bottom: 30px; } .module-status-dropdown { position: relative; padding: 0; margin: 0; border: none; background: transparent; margin-left: -4px; } option { padding: 0; background: transparent; color: #000; } I tried applying the appearance: none property and adding an arrow using the after pseudo element, but nothing worked.
Источник: https://stackoverflow.com/questions/781 ... select-tag
