Geek Answers Handbook

IE8 CSS selector selects but doesn't apply style

Debugging Experience http://www.dmhermitage.org/wtfborders.png This makes me want to kill myself.

I have very simple CSS to style my source objects:

    input, button
    {
        border: 1px solid #c66600;
        background-color: white;
        color: #7d212f;
        font-family: "Eras Light ITC", Tahoma, sans;
    }

But I don't like the ugly frame on which the switches are located, so I use the selector to kill the border:

input[type=radio] { border: none; }

You can probably guess in which browsers this works, and which one it doesn't work about. Which is funny, when I press F12 to run great developer tools in IE8, it actually tells me that the radio button style has been canceled to no, as if I asked him to do it, but the border remains on the switch objects.

, , 0px - , , , .

, , "" , . , , CSS, .

?

, DotNetNuke , .

, Dan

+5
6

IE8, -, quirks , IE. , - doctype :

<!DOCTYPE HTML>

HTML. dnn_dnnMENU_ctldnnMENU, , BackColor, SysImgPath, MenuItemHeight .. (, IE , ).

+2

...

-, , - quirks, , - .

solution [edit]

-: http://dorward.me.uk/www/ie8/

html 4 doctype :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
+1

:

input[type='radio'] { border: none; }

( , " : P)

, CSS , . !

0

, border: none;... - , . , - . ( , )?

:

#page input[type=radio] {
   border: none;
}
0

This is not possible with CSS (as far as I know), but using this Javascript will be possible for you; Styling checkboxes and radio buttons with CSS and Javascript .

0
source

Nastya. Try to point the border color to white?

0
source

More articles:


All Articles