按钮样式定义方法

来源:本站    创建时间:2015-4-23 23:35:20

 

css样式

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

.loginInput {
 padding: 0px 60px; position: relative;
}
.loginInput li {
 width: 300px; height: 75px; clear: both; position: relative;
}
.loginInput li h2 {
 font: 14px/28px bold "Microsoft YaHei", 微软雅黑, 黑体; font-size-adjust: none; font-stretch: normal;
}

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

.loginInput li input {
 background: url("../images/kkla.jpg") no-repeat rgb(255, 255, 255); padding: 0px 10px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 278px; height: 33px; color: rgb(102, 102, 102); font-size: 12px; font-weight: bold; _background: #fff;
}

 

。。。。。。

 oginInput li.er input {
 border-color: rgb(226, 74, 74);
}
.loginInput li input.blur {
 color: rgb(102, 102, 102);
}
.loginInput li .errorIcon {
 background-position: 0px -240px; left: 310px; top: 36px; width: 16px; height: 16px; position: absolute;
}
.loginInput li .no {
 background-position: -34px -240px;
}

代码区

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
<ul class="loginInput">
  <div class="mailtips" id="mailtips" style="display: none;"></div>
  <li class="mailwrap">
    <h2>账号</h2>
    <input name="loginName" type="text" class="input" id="loginName" onfocus="javascript:this.className='inputon';" onblur="javascript:this.className='input';" value="石家庄齐唐" maxlength="20" />
  </li>
  <li class="pwwrap">
    <h2>密码</h2>
    <div class="newsTips"></div>
    <input name="loginPwd" type="password" id="loginPwd" class="input" onfocus="javascript:this.className='inputon';" onblur="javascript:this.className='input';" />
  </li>
  <li class="class">
    <input name="Button1" type="submit" value="齐唐网站建设" id="anniu123123" />
    <input type="submit" name="button3" id="button3" value="提交" />
  </li>
</ul>
<input type="submit" name="button2" id="button2" value="提交" />

 

石家庄网站建设石家庄微信公众平台手机网站石家庄网站制作、石家庄优秀的网络服务提供商!


 

关闭文本】-----【打印本页】-----【返回顶部