> On Sep 25, 2015, at 07:06, Marie-Ange Demeulemeester
> <marie.demeulemees...@gmail.com> wrote:
>
> I can’t succeed to give properties on:
>
>
>
> html div.x select{...}
>
> And not to
>
> html.linux.safari div.x select{...}
>
>
>
> This works:
>
> html:not(linux) div.x select{...}
>
> html:not(safari) div.x select{…}
Are you sure that “works”? It is a bit a non-sensical selector in an HTML
context.
This translates as: “ select any select descendant of a div with class 'x' that
is a descendant of a html element which is not a linux element”
Try this to translate your selectors in some human readable language:
http://gallery.theopalgroup.com/selectoracle/
You probably mean:
html:not(.linux) div.x select {} /* note the leading period before the `linux`
*/
>
> but I need both conditions
>
> This doesn’t work:
>
> html:not(linux.safari) div.x select{…}
that won't work per CSS3 selectors, even assuming a leading period before the
`linux`. You can't chain multiple classes inside the :not() pseudo-class.
this should work:
html:not(.linux):not(.safari) div.x select {}
> (Side info: I need this to solve the bug in android stock browsers with
> responsive design. Problem; When you add a border or background to a
> select, the arrow and border anymore on that dropdown box are not visible
> anymore.)
See Tom's answer.
Styling select widgets in blink/webkit browsers is trivial, but you have to
style the whole thing yourself.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
