前两天在开发在微信访问的HTML5页面，里面有个订单查询要选择时间，刚开始使用的input type=date输入框，没加任何的样式，效果是白色的背景再加上边框很丑，完全与整个背景不协调。
成都创新互联是一家专注于成都网站设计、成都网站建设与策划设计,吉水网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:吉水等地区。吉水做网站价格咨询:13518219792
使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。
input{-webkit-appearance： none； -moz-appearance： none； -o-appearance： none； appearance： none；}去除input的默认样式用上边的代码就可以实现了。如果是只去除部分input的默认样式您可以使用class或ID来指定。
在当前页面加上CSS覆盖掉框架的样式： input { outline：none； }就可以了 HTML中，input标签默认是有边框（border）和背景色属性的。可以在CSS中加入border：none；（或者在html中加入style=border：none；）可以去掉边框。
END 解决问题 查找了各方面的资料才知道这是input默认的样式。
在当前页面加上CSS覆盖掉框架的样式： input { outline：none； }就可以了 HTML中，input标签默认是有边框（border）和背景色属性的。可以在CSS中加入border：none；（或者在html中加入style=border：none；）可以去掉边框。
只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了。
第三种方式：直接用 input：focus { outline： none； } 控制聚焦时不出现蓝色边框~END 小结 html很多标签都有默认样式，因此最好在样式中一开始就给表单标签去除默认的样式问题。
使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。
如果对这个默认样式不满意最简单的解决办法就是重新设置该样式的属性，因为user agent stylesheet优先级很低，会被覆盖，这样就不会影响到我们的样式了，比如这里我就讲form 的margin-bottom设为0px。
浏览器默认没有样式的，你在加了全局样式后如果个别地方需要单独样式可单独设置，例如：body {margin：0 auto；padding：0；} .a {margin：5px；padding：0 0 0 10px；} 这里是内容 这里的a就是局部样式的定义了。
查找一些教材中（w3schools等），只说css的顺序是“元素上的style” “文件头上的style元素” “外部样式文件”，但对于样式文件中的多个相同样式的优先级怎样排列，没有详细说明。
1、第一步，打开软件并创建一些默认复选框，见下图，转到下面的步骤。
2、打开html开发软件，新建一个html代码页面。在html代码页面的标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。设置背景图片样式。
3、页面的css样式将写在该标签内。在css标签中，通过id设置button的样式，定义其背景颜色为蓝色，文字颜色为白色，最后，将border属性设置为none，实现去掉button的边框。在浏览器打开test.html文件，查看实现的效果。
4、在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。
5、注意样式表中，链接状态、鼠标悬停状态、已访问状态 三个状态的先后顺序，顺序是：先写“链接状态”的属性和值，次写“鼠标悬停状态”的属性和值，最后写“已访问状态”的属性和值。
6、例如：index.html。在index.html中的标签中，输入css代码：body {background-image： url(img/image.jpg)}。浏览器运行index.html页面，此时成功把同级的img文件夹中的image.jpg用css设置为了背景图片。
