-1

我编写了这个 css 来制作一个左侧有小 openid 徽标的表单，但我希望表单保留其默认外观而不是获得正确的角度外观。

<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

一旦您更改背景属性，默认输入样式就会被覆盖。您必须设置 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 回答