カスタムの背景画像を使用して送信ボタンのスタイルを設定しました。ただし、ブラウザによって表示が異なります。
ほとんどすべてのブラウザはそれが正しいことを示しています:
しかし、2では余分な高さがあります:
誰かが私のマークアップの何が悪いのか指摘できますか?
CSS:
input[type="submit"]{
background: url(http://dl.dropbox.com/u/17055243/icons.png) -99px 0px no-repeat;
width:30px;
height:30px;
border:none;
float:left;
margin:30px 0 0;
cursor:pointer;
}
HTML:
<form>
<input type="text" class="placeholder" value="Search" />
<input type="submit" value="" />
</form>
テスト済み:
- IE8.0良い
- IE7.0良い
- iPhone良い
- Chrome24.0良い
- Firefox18.0.2良い
- Safari 5.1(Mac OS X 10.7.1)良い
- Opera 12.14(Windows 7 32ビット)良い
- Safari 5.1.7(Windows 7 32ビット)エクストラハイト
- Opera 11.51(Mac OS X 10.7.1)エクストラハイト