Fatal编程技术网
  • css/
  • Css输入形状

Css输入形状

css input

Css输入形状,css,input,shape,Css,Input,Shape,我写这个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; hei

我写这个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>


.openid输入{
背景：url（“http://id.gesellix.de/logo/openid_small_logo_white.gif）无重复滚动左中心透明；
高度：22px；
线高：22px；
左侧填充：18px；
}
更改背景属性后，默认输入样式将立即被覆盖。您必须将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;
需要更多细节，什么是直角外观我认为我们也需要查看表单的代码-很难想象一个完全未知的表单。除了大小和背景之外，CSS中没有任何东西会改变输入的外观。