How to add multiple attributes in CSS in input element

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: http://stackoverflow.com/questions/12340737/css-multiple-attribute-selector — Peter, Dec 29 '15 at 10:13

Senjuti Mahapatra · Accepted Answer · 2015-12-29T10:22:08.140

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.

edited Dec 29 '15 at 10:22

answered Dec 29 '15 at 10:12

Senjuti Mahapatra

still same issue, not returning anything – Mangrio Dec 29 '15 at 10:20
Ok ok done. it was my mistake, I have palced a space before :checked – Mangrio Dec 29 '15 at 10:21
Thanks for kind quick reply and help – Mangrio Dec 29 '15 at 10:22
1

I have also added a fiddle for the same. – Senjuti Mahapatra Dec 29 '15 at 10:23

1 Answers1