input标签文字点击变颜色

<input type="text"  class="ser_input"value="从这里搜索(^_^)" onfocus="if(this.value==‘从这里搜索(^_^)‘){this.value=‘‘};this.style.color=‘#333‘;" onblur="if(this.value==‘‘||this.value==‘从这里搜索(^_^)‘){this.value=‘从这里搜索(^_^)‘;this.style.color=‘#ccc‘;}">

时间： 2024-11-05 01:09:45

input标签文字点击变颜色的相关文章

改变input标签中placeholder显示的颜色

1 ::-webkit-input-placeholder { /* WebKit browsers */ 2 color: #A9A9A9; 3 } 4 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 5 color: #A9A9A9; 6 opacity: 1; 7 } 8 ::-moz-placeholder { /* Mozilla Firefox 19+ */ 9 color: #A9A9A9; 10 opacity: 1; 11 }

a标签文字选中后的颜色样式更改

::selection 选择器,选择被用户选取的元素部分.是css3的用法可能有些浏览器不兼容实例代码: ::selection {background:#FF9; color:#F00;}::-moz-selection {background:#FF9; color:#F00;}::-webkit-selection {background:#FF9; color:#F00;} 未选中前: 选中后,真够丑的,但是只是来测试看一下的实例哈

css输入框文字点击消失输入文字颜色变深JQ特效

css输入框文字点击消失输入文字颜色变深JQ特效,输入框原始有默认说明文字内容,鼠标点击输入框后文字消失,鼠标离开默认文字又显示,如果输入框输入新文字内容,新输入文字颜色变深变化. CSS输入框文字点击消失输入文字颜色变深效果截图输入框原始文字与输入文字颜色变化说明:上海治疗阳痿哪家好默认输入框文字颜色比较浅,鼠标点击输入框内原始文字消失,鼠标离开原始文字又显示,如果新输入文字,此时新输入文字颜色有变化(根据需要可以设置). 使用说明上海最好的性病医院:输入框默认的文字与input.js里代码

一个解决chrome浏览器下input标签当autocomplete的时候背景变黄色同时input背景图片消失方案

最近在改一个bug即如标题所讲的一样,chrome浏览器下当input标签开启autocomplete的时候input的背景颜色变黄同时在input的背景图片也被覆盖了.为此百度了好久发现网上说的使用js来append操作,亲测了都不管用.除非把autocomplete=“off”关了,但这就不符合需求了如图网上说的改变-webkit-autofill的阴影背景是可以去除黄色背景的,但是图片依旧被覆盖了. input:-webkit-autofill{ box-shadow:0 0 0px

css相关,鼠标点击<input>输入域后出现有颜色的边框

css相关,鼠标点击<input>输入域后出现有颜色的边框,如果使用css,将这个鼠标点击输入域后产生的边框去掉呢?下面是截图鼠标未点击前: 鼠标点击后: 根据大家的办法实现不了的,即使可以改变颜色,但是那条有颜色的线还是无法消除.下面是我的html和css代码: html: <input type="text" name="content" id="input_box"> css: #input_box{ border

点击按钮文字变成input框，点击保存变成文字

<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8"> <title>点击按钮文字变成input框,点击保存变成文字</title> &l

点击表格的单元格时实现变颜色

<title>无标题文档</title> <script type="text/javascript" language="javascript"> //清空 function backs(){ var td= document.getElementsByTagName("td"); for(var i=0;i<td.length;i++){ td[i].style.backgroundColor=&qu

fastclick使用与 fastclick ios11.3相关bug原因(ios输入框点击变得不灵敏,ios input失焦后，页面上移，点击不了)

FastClick 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击.为了能够立即响应用户的点击事件,就有了FastClick. 安装fastclick可以使用npm,Component和Bower.另外也提供了Ruby版的gem fastclick-rails以及.NET提供了NuGet package. npm install fastclick import FastClick from 'fastclick'; Vue.us

【整合】input标签JS改变Value事件处理方法

某人需要在时间控件给文本框赋值时,触发事件函数.实现的效果: 1.文本框支持手工输入,通过用户输入修改值,手工输入结束后触发事件.阻塞在于失去焦点后才触发(输入过程中不触发事件) 2.通过JS方法修改值,修改后触发事件.重点阻塞在于此(JS赋值要触发) 最终采用方案: 1.IE(IE8及以下)下使用onpropertychange实现JS赋值后触发事件 2.需求是手工输入结束后才触发事件,避免在文本框实时输入文字的时候也因为onpropertychange触发事件,在trriger之前判断当前焦