html 修改placeholder,修改input placeholder样式

有时需要修改placeholder的文字颜色，需要用使用 input::-webkit-input-placeholder 选中，然后进行样式设置input::-webkit-input-placeholder {

/* placeholder颜色 */

color: #aab2bd;

/* placeholder字体大小 */

font-size: 12px;

/* placeholder位置 */

text-align: right;

}

多浏览器兼容：::-webkit-input-placeholder { /* WebKit, Blink, Edge */

color: #909;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #909;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #909;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

color: #909;

}

完整代码html>

修改input placeholder样式

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

color: #909;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #909;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #909;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

color: #909;

}

查看效果

html 修改placeholder,修改input placeholder样式相关推荐

Input placeholder属性样式修改(颜色,大小,位置)
Input placeholder属性样式修改(颜色,大小,位置) input::-webkit-input-placeholder {/* placeholder颜色 */color: #aab2b ...
html input type=quot;filequot;,科技常识：关于type=quot;filequot;的input框样式修改小结...
今天小编跟大家讲解下有关关于type="file"的input框样式修改小结 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关关于type="file" ...
input禁用样式修改 input disabled样式禁用方法及样式isabled样式禁用方法及样式
disabled 属性规定应该禁用 input 元素. 被禁用的 input 元素既不可用,也不可点击.可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等).然后, ...
elementui修改提示文字（placeholder）的字体颜色el-input/el-input-number/el-select/el-cascader/el-time-select适用
elementui修改提示文字(placeholder)的字体颜色 el-input/el-input-number/el-select/el-cascader/el-time-select/el-d ...
html input选中样式,CSS 伪类修改input选中样式的示例代码
注:该表引自W3School教程伪元素的分类及作用: 下面通过代码看下CSS 伪类修改input选中样式的示例代码,代码如下所示: 主要是用到了after伪类和字体符号. input{ -webki ...
修改input默认样式
思路: 由于input的修改起来非常麻烦,所以我们在外层放置一个div,设置定位,将input样式设置为完全透明,大小为父元素大小,目标样式写在a里. 此时显示的样式为a的样式,点击上传会触发inpu ...
修改input输入框样式
首先要将input输入框的默认样式去掉 -web-kit-appearance:none;-moz-appearance: none; 然后将input输入框的轮廓去掉: outline:0; 完成样 ...
bootstrap分页css样式,修改bootstrap-table中的分页样式
使用bootstrap-table时,使用$("")选择器没办法选中下方的分页button按钮,可能跟它是动态生成的有关吧. 最终找到与之对应的js(bootstrap-table ...
php怎么修改div自带属性吗,修改html 属性，css样式。
一通过修改标签属性来改变它的样式 js设置和获取标签的属性 window.onload = function () { var attr = document.getElementById(&quo ...

html 修改placeholder,修改input placeholder样式

html 修改placeholder,修改input placeholder样式相关推荐

最新文章

热门文章