ボタンの文字にスタイルシートで影をつける

buttunタグを使う
(input type=”button”ではだめ)

filterを使う
(buttunタグにfilterをつけてもだめ。buttonの中に別属性のスタイルを定義したらうまくいった)

 

<button id="search_button"><div id="search_button_text">検索</div></button>

#search_button{
color:#FFF;
background-color:#55555d;
border:0px;
margin:0px 0px 0px 10px;
}
#search_button_text{
filter: dropshadow(color=#000000,offx=1,offy=1,positive=1);
}

 

タイトルとURLをコピーしました