Why Doesn't My CSS Border Style Apply to Checkboxes in Firefox 3.5?

How to Modify Checkbox Border Style Using CSS

Q: I'm attempting to modify the border style of a checkbox (input), but despite applying the style "border:1px solid #1e5180," it remains unchanged in FireFox 3.5. Can you assist with a solution?

A: In Firefox 3.5 and earlier versions, the "border" property does not affect checkbox elements. Instead, you should use the "outline" property to control the checkbox border's color and style. The following example demonstrates how to achieve the desired effect:

input[type=checkbox] {
  outline: 1px solid #1e5180;
}

The above is the detailed content of Why Doesn't My CSS Border Style Apply to Checkboxes in Firefox 3.5?. For more information, please follow other related articles on the PHP Chinese website!