I’m attempting to obtain a garish red boundary around some radio switches, yet it is disappointing up in Firefox most current or Chrome most current. Job penalty in IE9/IE8.
Each of the input component on my kind that are called for has a data-val-required feature placed in by MVC3. All web browsers places in the red boundaries simply dandy when we have a message or textarea inputs, yet am battling with the radio switch. For IE, it functions, yet various other web browsers will not place the red boundary around it.
css:
input[data-val-required], pick[data-val-required], textarea[data-val-required]
{
background-color: #F 0FFFF;.
boundary: 1px strong red;.
}
view-source:
<< tag for=" WaiveSelect">> Do you forgo discretion?< < br/>>.
<< input data-val=" real" data-val-number=" The area WaiveSelect have to be a number." data-val-required=" Please pick forgo." id=" WaiveSelect" name=" WaiveSelect" kind=" radio" worth=" 0"/> > No, I do not forgo discretion<< br/>>.
<< input id=" WaiveSelect_2" name=" WaiveSelect" kind=" radio" worth=" 2"/> > Yes, I forgo discretion<< br/>>.
<< input id=" WaiveSelect_3" name=" WaiveSelect" kind=" radio" worth=" 3"/> > Yes, I forgo discretion other than to the customer<< br/>>.
<< period course=" field-validation-valid" data-valmsg-for=" WaiveSelect" data-valmsg-replace=" real"><> What it appears like in IE (Firefox as well as Chrome reveals no boundaries):.
