html - select要素でインセットボックスシャドウを使用するには?

Question

これは、select タグでボックス シャドウを使用する例です。

ただし、ラッパー要素が使用されているため、 inset 属性はそこでは機能しません。

select タグでインセット ボックス シャドウを使用することは可能ですか?

Answer 1

うまくいくようですが、 -sinput="text"でうまくいくとは思えませんselect

select, input {
  -webkit-box-shadow: 5px 5px 5px #666;
  -moz-box-shadow: 5px 5px 5px #666;
  box-shadow: 5px 5px 5px #666;

  display:block;
  margin:20px;
  padding: 3px;
  border: 0;
  outline: 1px solid #666;
}

<input type="text" name="foo" placeholder="First Name" />

<select name="bar">
  <option value="foobar">Foobar</option>
  <option value="bazbat">Bazbat</option>
</select>