「CSS入門」指定の属性セレクタを利用するサンプル

2020年8月1日

書式
要素名[属性名="値"]

CSSコード

input[type="button"]{
      display: block;
      padding: 7px;
}
input[type="text"][name="addr"]{
      text-align:center;
}

htmlコード
<div><input type="button" name1="btnReg" value="登録" /></div>
<div><input type="text" name="addr" value="住所" /></div>

 

htmlコード
<div><input type="button" name1="btnReg" value="登録" /></div>
<div><input type="text" name="addr" value="住所" /></div>