css⾃定义全局的input样式(提交按钮,⽂本框)
HTML input 标签 根据不同的type 属性值,输⼊字段拥有很多种形式。输⼊字段可以是⽂本字段、复选框、掩码后的⽂本控件、单选按钮、按钮等等。
⾃定义input全局按钮的样式
google的input按钮定义
input[type="submit"] {
-moz-user-select: none;
background-color: #F5F5F5;
background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: default;
font-family: arial,sans-serif;
font-size: 11px;
font-weight: bold;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
input[type="submit"]:hover {
background-color: #F8F8F8;
background-image: -moz-linear-gradient(center top , #F8F8F8, #F1F1F1);
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #333333;
}
input[type="submit"]:focus {
border: 1px solid #4D90FE;
outline: medium none;
}
⾃定义全局的input⽂本框
input[type="text"] {
height:27px;
border:1px solid #d9d9d9;
padding:0 6px;
width:556px;
}
html内容文本框

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。