修改 input框、textarea框的placeholder样式
/* 设置input框提示内容的样式 */
input::-webkit-input-placeholder {
font-size: 14px;
color: #ccc;
font-weight: 400;
font-family: sans-serif;
} /*webkit 内核浏览器*/
input::-moz-placeholder {
font-size: 14px;
color: #ccc;
font-weight: 400;
font-family: sans-serif;
} /*Mozilla Firefox 19+*/
input:-moz-placeholder {
font-size: 14px;
color: #ccc;
font-weight: 400;
font-family: sans-serif;
} /*Mozilla Firefox 4 to 18*/
input:-ms-input-placeholder {
font-size: 14px;
color: #ccc;
font-weight: 400;
font-family: sans-serif;
} /* 设置textarea框提示内容的样式 */
textarea::-webkit-input-placeholder {
font-size: 14px;
color: #ccc;
font-weight: 400;
font-family: sans-serif;
} /*webkit 内核浏览器*/
textarea::-moz-placeholder {
font-size: 14px;
color: #ccc;
font-weight: 400;
font-family: sans-serif;
} /*Mozilla Firefox 19+*/
textarea:-moz-placeholder {
font-size: 14px;
color: #ccc;
font-weight: 400;
font-family: sans-serif;
} /*Mozilla Firefox 4 to 18*/
textarea:-ms-input-placeholder {
font-size: 14px;
color: #ccc;
font-weight: 400;
font-family: sans-serif;
}
修改 input框、textarea框的placeholder样式的更多相关文章
- HTML 使用CSS 如何去掉文本聚焦框 HTML 使用CSS 如何去掉文本聚焦框 : outline 值设为none 修改input、textarea输入框placeholder样式
HTML 使用CSS 如何去掉文本聚焦框 : outline 值设为none 修改input.textarea输入框placeholder样式 兼容性代码: input::-webkit-input ...
- js获取子节点和修改input的文本框内容
js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 ...
- 修改文本框和文本域placeholder样式
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size:20px; padding:20px ...
- 修改input和textarea的placeholder的颜色，限制文本框字数输入
<style type="text/css"> textarea{ width: 400px; height:400px; resize: none; } .limit ...
- 处理Android键盘覆盖input和textarea框的问题
$(window).resize(function(){ $('input[type="text"],textarea').on('click', function () { va ...
- 修改input file 文件上传的样式
Web页面中,在需要上传文件时基本都会用到<input type="file">元素,它的默认样式: chrome下: IE下: 不管是上面哪种,样式都比较简单,和很多 ...
- 修改 input 框输入光标的样式
input, textarea { font-size: 24px; padding: 10px; color: red; text-shadow: 0px 0px 0px #000; -webkit ...
- 修改 input / textarea placeholder 属性的颜色和字体大小
话不多说,直接上代码: input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; fon ...
- input和textarea标签的select()方法----选中文本框中的所有文本
JavaScript select()方法选中文本框中的所有文本 <input>和<textarea>两种文本框都支持select()方法,这个方法用于选择文本框中的所有文本 ...
- 修改input属性placeholder的样式
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- c++练习272题：金币
*272题 原题传送门:http://oj.tfls.net/p/272 题解:(遍历,60分) #include<bits/stdc++.h>using namespace std;lo ...
- huawei--配置链路聚合
huawei--配置链路聚合 项目要求: LSW1和LSW2之间配置链路聚合,链路聚合分为手工和lacp两种模式.配置完后查看链路聚合状态. 项目实施: (vlan10 20 30的创建命令vlan ...
- PHP接口微信支付
PHP后台调用微信支付下单function wx_getPayRequest($openid, $orderid, $rmb, $title,$appoids){ $nonce = $orderid. ...
- 沁恒蓝牙系列芯片USB烧录故障排查
目录 使用USB烧录时让ISP工具能够识别芯片的操作是按住评估板上的"Download"按键,或者将PB22短接到GND,同时给板子上电.若是第一次拿到芯片,codeflash中是 ...
- 电商项目maven框架搭建引入dubbo配置文件报错
解决:dubbo配置文件报红叉的问题 构建dobbo-provider配置文件时,报红叉错误,本质即找不到对应的dubbo.xsd文件. 1.下载模板 模板下载地址:http://download.c ...
- c# message (转)
一.消息概述 Windows下应用程序的执行是通过消息驱动的.消息是整个应用程序的工作引擎,我们需要理解掌握我们使用的编程语言是如何封装消息的原理. 什么是消息(Message) 消息就是通知和命令. ...
- 【实验】VUE依赖版本，遇到就看这里
https://www.cnblogs.com/luomanman/p/15435422.html
- uniapp输入空格
uniapp 密码框输入空格(去除空格)的时候一直回显不及时 经过一番折腾 终于搞定 1.先赋值: this.pwd = e.detail.value 2. 使用setTimeout(再 ...
- C++和C中的输入输出总结、标准输入/标准输出/标准错误与重定向，>>、>、<、<<
标准输入/标准输出/标准错误与重定向 0表示标准输入.1表示标准输出.2标准错误.1和2都是默认是输出到屏幕. linux中的>>.>.<.<<:这些符号是Linu ...
- 基于Vue项目+django写一个登录的页面
基于Vue项目+django写一个登录的页面 前端 借用了一下vue项目模板的AboutView.vue 页面组件 <template> <div class="about ...