How to add multiple attributes in CSS in input element [duplicate]

Question

Ss this allow in CSS, if not then how to achieve this criteria. I want to get specific input to be modified for this CSS.

CSS

<style>
input[type=radio name=rbl value=1]{
//something here
}


</style>

HTML

<body>
<input type="radio" name="rbl" value="1" />One // I want this to be modified
<input type="text" name="txt" />

</body>

This post already handles this question: stackoverflow.com/questions/12340737/… — Peter
– Peter, Commented Dec 29, 2015 at 10:13

Senjuti Mahapatra · Accepted Answer · 2015-12-29 10:22:08Z

1

Multiple attribute selector can be done like this:

input[type="radio"][name="rbl"][value="1"]{
  margin-left:100px;
}

Here, the CSS will be applied to input type radio which has name rbl and value 1

Here is a Demo for the same.

answered Dec 29, 2015 at 10:12

Senjuti Mahapatra

2,5904 gold badges29 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

still same issue, not returning anything

Ok ok done. it was my mistake, I have palced a space before :checked

Thanks for kind quick reply and help

I have also added a fiddle for the same.