html input 字体颜色_input使用小技巧

①：如何修改placeholder样式？

input::-webkit-input-placeholder {
　　　　color: #ccc;
　　　　font-size: 15px;
　　　　}

其它浏览器适配方案

原文参考：https://webfem.com/post/placeholder

②：设置获取焦点后输入文字大小的样式

input:focus {
　　　　font-size: 15px;
　　　　{

设置获取到焦点时边框的样式

input:focus {
　　　border: 1px solid red;
　　　　}

设置获取到焦点后 input 背景颜色

③：给 input 焦点设置颜色，只需给 input 设置 color 属性即可（这样焦点和输入的文字都是一个颜色）

④：input autofocus 属性，自动获取焦点

http://www.runoob.com/tags/att-input-autofocus.html

注：PC—IE9及以下不支持；移动端—ios safari都不支持，安卓3及以上都支持

⑤：autocomplete属性让浏览器自动记录之前输入的值　

注：autocomplete="on" 启用自动记录；autocomplete="off" 禁用自动记录

html input 字体颜色_input使用小技巧相关推荐

点击input，区域选中后外面会出现其他颜色边框去除方式和更改input字体颜色
点击input,区域选中后外面会出现其他颜色边框去除方式和更改input字体颜色 {border:0;outline:none;} //去除边框定义和用法 outline (轮廓)是绘制于元素周围的 ...
html input 字体颜色_html 元素参考整合实用收藏！前端web工程师必备!
HTML元素参考整合 a 表示超链接的起始或目的位置. acronym 表示取首字母的缩写词. address 表示特定信息,如地址.签名.作者.文档信息. applet 在页面上放置可执行内容. a ...
html input 字体颜色_HTML常用标签汇总
点击关注我哦 HTML标签繁多,之前在学习HTML的过程中也确实存在这样的问题,每次有想用的标签都只能通过百度一个个查阅. 网上也存在很多关于HTML常用标签的总结,但是在这里呢我也是想亲手来做这么一 ...
input 选择框改变背景小技巧
最近在项目中遇到一个问题,想要改变input选择框的背景,然而,令我没有想到的是,竟然无法直接改变背景的颜色通常情况下:我们都可以通过改变元素的 background-color 的值来改变元素的背 ...
input 单击图标_input添加小图标
页面所有代码.如有不懂可把页面所有代码复制到新建的html文件后即可看到效果.(注意:小编没有把小图标的图片上传,复制所有代码后需要把引入图片修改为本地的图片路径哦 [background-image ...
微信html字体颜色代码,微信小程序在text文本实现多种字体样式
这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小程序比较特别,它的wxml只允许用自 ...
Java 改变cmd颜色_9 个小技巧让你的 if else 看起来更优雅！
作者 | 老王责编 | 郭芮 if else 是我们写代码时,使用频率最高的关键词之一,然而有时过多的 if else 会让我们感到脑壳疼,例如下面这个伪代码: 是不是很崩溃?虽然他是伪代码,并且看 ...
layui table 字体大小_layui table设置某一行的字体颜色方法
table自带的可以设置某一个单元格颜色,必须根据内容来修改,对于很多列同时修改并不方便,直接使用js操作比较简单. 首先自定义一个div,内部存放table,根据class找到table,然后找到行 ...
layui 行变灰_layui table设置某一行的字体颜色方法
table自带的可以设置某一个单元格颜色,必须根据内容来修改,对于很多列同时修改并不方便,直接使用js操作比较简单. 首先自定义一个div,内部存放table,根据class找到table,然后找到行 ...

html input 字体颜色_input使用小技巧

html input 字体颜色_input使用小技巧相关推荐

最新文章

热门文章