CSS イメージボタンのサンプル

このページは、takumadesign - Blog のエントリー CSS イメージボタンのサンプルです。

input 要素ボタン

<form action="">
  <input type="text" /><input type="submit" value="検索" class="button" />
</form>

.button {
  width: 46px;
  height: 20px;
  border: 0;
  background: url(button.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}

button 要素ボタン

検索

<form action="">
  <input type="text" /><button type="submit" class="button">検索</button>
</form>

.button {
  width: 46px;
  height: 20px;
  border: 0;
  background: url(button.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}
/*\*//*/
.button {
  letter-spacing: -9999px;
}
/**/