修改input标签输入样式

去掉input自带的边框： border-style:none;
修改input输入的文字样式：

input{
    font-size: 24px;
    color:#5d6494;
}

修改input框中占位符的样式：

    ::-webkit-input-placeholder { color:#9195ad; }
    ::-moz-placeholder { color:#9195ad; } /* firefox 19+ */
    :-ms-input-placeholder { color:#9195ad; } /* Internet Explorer 10+ */
    :-moz-placeholder { color:#9195ad; }

原文地址：https://www.cnblogs.com/JiAyInNnNn/p/11115125.html

时间： 2024-09-28 01:44:48

修改input标签输入样式的相关文章

利用css3修改input[type=radio]样式

<form> <div> <input id="item1" type="radio" name="item" value="选项一" checked> <label for="item1"></label> <span>选项一</span> </div> <div> <input id=&qu

jq 修改input 标签的值

<input type="number" id="output" placeholder="0" /> jq使用方法 $('#output').val(price); price是我自己定义的数值

::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; } :-ms-input-placeholder { /* Internet Explorer 10+ */ col

控制input标签中只能输入数字以及小数点后两位

js 代码如下: /* 控制input标签中只能输入数字和小数点后两位 */ function checkNum(obj) { //检查是否是非数字值 if (isNaN(obj.value)) { obj.value = ""; } if (obj != null) { //检查小数点后是否对于两位http://blog.csdn.net/shanzhizi if (obj.value.toString().split(".").length > 1 &a

修改input默认样式

不说话,直接上代码不需要图片,css解决 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /&g

关于在input标签中输入数字的问题（正则表达式）

在项目开发中遇到文本框限制输入内容的问题,自己在网上找了找,又加了点自己的,简略写出了几个,在这写一下,希望对其他人有所帮助. 可在input标签中根据情况加入属性: 情况1:需要只能输入数字: onkeyup='this.value=this.value.replace(/\D/gi,"")' 情况2:需要只能输入小数(牵扯到金额等): onkeyup="this.value=(this.value.match(/\d+(\.\d{0,2})?/)||[''])[0]&qu

jQuery计算文本宽度和input标签根据输入字符动态自适应宽度的实现

jQuery计算文本宽度的原理是利用html提供的<pre>标签,向dom中动态添加<pre>标签,标签里的内容就是要测试长度的文本,获取完长度之后再删除刚才添加的<pre>标签,从而可取到文本的大概长度了.为什么要用标签而不用其他标签呢,那来看看<pre>标签的特性吧:pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符;而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.需要注

css：层叠样式表美化页面修改标签的样式

css:层叠样式表美化页面修改标签的样式写法分类: 1.内联:    <!-

通过JS动态的修改HTML元素的样式和增添标签元素等

一. 通过JS动态的修改HTML元素的样式 1. 要想在js中动态的修改HTML元素的样式,首先需要写document, document我们称之为文档对象,这个对象中保存了当前网页中所有的HTML标签代码写法如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>51-自定义原型对象</title>