文档章节

select、input等默认样式的改变,包含下拉三角

 文橚郦鹰
发布于 07/05 16:39
字数 210
阅读 29
收藏 0

select、input等默认样式的改变,包含下拉三角
select{
    /*去除外边框*/
    border: none; 
    /*适应safari浏览器内容不跑偏*/
    line-height: 1;
    width: 100%;
    /*将默认的select选择框样式清除*/  
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;  
    /*在选择框的最右侧中间显示小箭头图片*/  
    background: url("../../img/my/btn_pulldown.png") no-repeat scroll right center transparent;
    background-size: 0.9rem 0.9rem;
    /*为下拉小箭头留出一点位置,避免被文字覆盖*/  
    padding-right: 14px;
    font-size: 1.4rem;
    color: #666666;
    /*去除选中时样式*/
    outline: none;
    /*去除点击一闪而过的灰色背景*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
input同select

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 32
码字总数 17337
作品 0
南宁
私信 提问
DIV+CSS专题: CSS表单设计

css表单设计,包含以下内容和知识点: 改变文本框和文本域样式 用图片美化按钮 改变下拉列表样式 用label标签提升用户体验 一、改变文本框和文本域样式 如果前边几章学习的比较扎实的话,本节...

向日葵饼干
2014/06/10
165
0
HTML标记之Form表单

一、表单的作用   从访问的Web站点的用户那里获得信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息,然后单击某个按钮提交这些信息。是客户端与服务器端...

hafiz.zhang
2016/02/22
0
0
前端基础之html:day02

版权声明:原创博客,转载请注明地址 https://blog.csdn.net/eve_gf/article/details/84860611 序言: 拖着疲惫的身躯,真的不想动,但是看着蹭蹭上涨的房价,仿佛冥冥之中又有了动力,加油吧...

eve_gf
12/11
0
0
bootstrap中input添加.form-control类有何作用?

1、bootstrap中input添加.form-control类,表示为input元素添加表单控件; 2、以下举几个案例: Eg1: 结论:form-control控件,可以为input元素添加CSS定制样式。 Eg2: 结论:form-contro...

sinat_34719507
2016/12/06
0
0
Bootstrap简易使用指南

1.框架 1.1全局样式 使用HTML5的doctype,scaffolding.less中定义全局样式,从2开始使用normalize.css,并使用reset.less进行简化 1.2默认栅格系统 940px宽12列栅格,使用row与span[NUM]的c...

VincentJiang
2013/04/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

我的Linux系统九阴真经

我的Linux系统九阴真经 在今天,互联网的迅猛发展,科技技术也日新月异,各种编程技术也如雨后春笋一样,冒出尖来了。各种创业公司也百花齐放百家争鸣,特别是针对服务行业,新型互联网服务行...

linuxCool
45分钟前
12
0
Python程序员需要知道的30个技巧

1 直接交换两个数字位置 1x, y = 10, 202print(x, y)3x, y = y, x4print(x, y)5#1 (10, 20)6#2 (20, 10) 2 比较运算符的链接 1n = 102result = 1 < n < 203print(result)4# True5result = 1 ......

糖宝lsh
45分钟前
9
0
[LintCode] Linked List Cycle(带环链表)

描述 给定一个链表,判断它是否有环。 样例 给出 -21->10->4->5, tail connects to node index 1,返回 true。 这里解释下,题目的意思,在英文原题中,tail connects to node index 1 表示的...

honeymose
56分钟前
10
0
Android :报错Your project path contains non-ASCII characters.

报错内容如下 Your project path contains non-ASCII characters. This will most likely cause the build to fail on Windows. Please move your project to a different directory. See ht......

lanyu96
今天
7
0
Nginx平滑添加模块

Nginx已经编译安装并运行了一段时间, 然后某一天, 发现需要用到某个模块但当初没有编译, 这个时候怎么办呢? 卸载重新安装肯定可以的, 如果Nginx版本没有变更的话, 则有一个相对平滑的方法来添...

老菜鸟0217
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部