-1

フォームの左側に小さな openid ロゴを表示するためにこの css を作成しましたが、フォームが右の角度のある外観ではなく、デフォルトの外観を保持するようにしたいと考えています。

<html>
<head>
<style type="text/css">
.openid-input {
  background: url("http://id.gesellix.de/logo/openid_small_logo_white.gif") no-repeat scroll left center transparent;
  height: 22px;
  line-height: 22px;
  padding-left: 18px;
}
</style>
</head>

<body>
<input type="text" tabindex="100" class="openid-input">
</body>
</html>
4

1 に答える 1

1

background プロパティを変更するとすぐに、デフォルトの入力スタイルがオーバーライドされます。CSS スタイルを設定してデフォルトのスタイルを模倣する必要がありますが、これは CSS3 でのみ実現できます。次のスタイルは、私のシステムによく似ています。

border:1px #e4e4e4 solid;
box-shadow:inset 0 1px 2px #000000;
-moz-box-shadow:inset 0 1px 2px #000000;
-webkit-box-shadow:inset 0 1px 2px #000000;

ここに例を作成しました (リンク) 。

CSS3 を使用せずに、次のようにするだけで、デフォルトのスタイルにかなり近づけることができます。

border:1px #cccccc solid;
border-top:2px #666666 solid;
于 2011-01-22T13:13:36.600 に答える