Chrome 下input的默认样式

一.去除默认边框以及padding

border: none;padding:0

二.去除聚焦蓝色边框

    outline: none;

三.form表单自动填充变色

1.给input设置内置阴影，至少要比你的input本身大。不过，box-shadow是很慢的，适当大小。而且，如果你的input是用图片做背景的话，是没有办法做这么干的。设置transparent也不可以。

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px white inset; //通过内阴影覆盖默认黄色背景-webkit-text-fill-color: #333;               //去除默认黑色字色
}

2.关闭自动补全

<input type="text"  autocomplete="off">

3.设置背景变换过渡，可短时间内保持原本背景（支持透明）

transition: background-color 5000s ease-in-out 0s;

四.改变placeholder样式

input::-webkit-input-placeholder{color:rgba(0,0,0,0.3);}
input::-moz-input-placeholder{color:rgba(0,0,0,0.3);}
input::-ms-input-placeholder{color:rgba(0,0,0,0.3);}
input::-o-input-placeholder{color:rgba(0,0,0,0.3);}

转载于:https://www.cnblogs.com/coderL/p/7803917.html

Chrome 下input的默认样式相关推荐

取消chrome下input和textarea的聚焦边框
取消chrome下input和textarea的聚焦边框 2011-12-13 15:48:42| 分类: css兼容问题|举报|字号订阅取消chrome下input和textarea的聚焦边框 ...
去除select下拉框默认样式
去除select下拉框默认样式 select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的sele ...
html单选按钮字体,如何修改radio，input元素默认样式
一.背景介绍下拉列表由select标签实现,单选按钮由表单元素input的type属性radio定义.以下分别是一个简单的下拉列表和单选按钮. 二.知识剖析 1.form元素 form元素定义HTM ...
chrome下input[type=text]的placeholder不垂直居中的问题解决
http://blog.csdn.net/do_it__/article/details/6789699 <input type="text" placeholder=&qu ...
#input框#默认样式#：怎么修改点击之后的边框的样式
目录前言一.how? 总结前言在我们的项目的样式设计中,input框的默认样式,一般是满足不了我们的需求.所以,我们就要改变input框的默认样式.这里我们将设置input框的样式中,获取焦点 ...
去除ios input部分默认样式
input[type=submit],input[type=button]{-webkit-appearance:none;outline:none } input{border-radius: 0; ...
修改input file默认样式
2019独角兽企业重金招聘Python工程师标准>>> 一.第一种实现方式 1.通过一个按钮触发file的click事件: 2.file的click事件触发之后,选择一个文件之后,触 ...
select下拉框默认样式修改
来自博客https://www.cnblogs.com/zr123/p/11171757.html
取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所 ...

Chrome 下input的默认样式

一.去除默认边框以及padding

二.去除聚焦蓝色边框

三.form表单自动填充变色

四.改变placeholder样式

Chrome 下input的默认样式相关推荐

最新文章

热门文章