All geek questions in one place

Layout in selected cells

I know that selection boxes are a bit of a pain in style with css, but without resorting to advanced methods, can I still add a little indentation to put a little pressure on the text without it, adding an addition to the arrow on the right side?

+6
source share
3 answers

add this to your CSS class. Maybe this helps?

-webkit-appearance:none; -moz-appearance:none; appearance:none;
+12
source

Since select fields are displayed differently in different browsers and especially on operating systems, you cannot guarantee consistency.

For example, the minimum amount of formatting I can do on mac is as follows:

 select { height:40px; background:transparent; }

And it looks like this:

Select box

+4
source

An interesting test is here http://cssdeck.com/labs/styling-select-box-with-css3

The author examined the arrow on the right side and created his own using the provider css prefix, designed for different browsers. after that, your add-on will be free.

0
source

Source: https://habr.com/ru/post/913338/

More articles:


All Articles