你的位置:首页 > 软件开发 > 网页设计 > CSS3美化表单控件

CSS3美化表单控件

发布时间:2016-06-28 20:00:22
表单的默认控件在不同的浏览器中的样式不同,用户体验很差。用CSS3可以实现表单控件的美化,可以提供更好的用户体验。不足之处就是浏览器的兼容性问题。一.下拉控件效果图:下拉控件的布局结构:<div class="container"> < ...

表单的默认控件在不同的浏览器中的样式不同,用户体验很差。用CSS3可以实现表单控件的美化,可以提供更好的用户体验。不足之处就是浏览器的兼容性问题。

一.下拉控件

效果图:

CSS3美化表单控件

下拉控件的布局结构:

<div class="container">    <div class="select">      <p>所有选项</p>      <ul>        <li class="selected" data-value="所有选项">所有选项</li>        <li data-value="Python">Python</li>        <li data-value="Javascript">Javascript</li>        <li data-value="Java">Java</li>        <li data-value="Ruby">Ruby</li>      </ul>    </div>  </div>

原标题:CSS3美化表单控件

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。