Radio Input Type Trim Not Showing

  • Hello,

    I am trying to added 1px black trim to the Radio Input options on the Cart and Checkout pages on a website. But the CSS code I am using does not work. Below is what I am using.

    .input[type=radio] {
  border: 2px solid red !important;
}

    Does anyone know what CSS code will work here to add some trim to the Radio Input options so they are more visible?

    The problem is that the difference between the white background and the soft grey of the Radio Inputs is not enough contracts and visitors to the website cannot see the options to choose from. Only the actively selected Radio Input has the black trim around it. I have tried several times to find a CSS code solution for this and no luck so far.

    Thanks ??

    • This topic was modified 4 years, 6 months ago by Yui.
    • This topic was modified 4 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
    • This topic was modified 4 years, 6 months ago by Steven Stern (sterndata).

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Try removing the dot before ‘input’? The dot signifies a class name. Using just ‘input’ selects the input element.
    Helen

Viewing 1 replies (of 1 total)
  • The topic ‘Radio Input Type Trim Not Showing’ is closed to new replies.