input选中事件css,CSS去除input和textarea点击选中框

1、去除chrome等浏览器默认发光边框

input:focus, textarea:focus {

outline: none;

}

这样textarea在选中的时候，文字会有点移动，解决方法：

input:focus, textarea:focus {

outline: none;

border: 1px solid #ccc;/*跟进textarea背景颜色来定*/

}

这样也可以解决更改选中时的颜色值，已达到给用户反馈的效果

2、去除IE10+浏览器文本框后面的小叉叉

input::-ms-clear {

display: none;

}

3、禁止多行文本框textarea拖拽

textarea {

resize: none;

}

这样就不能放大缩小

4、resize解析：在这里要提到一个属性resize，这个是CSS3属性，用于元素缩放，它可以取以下几个值：

none 默认值

both 允许水平方向及垂直方向缩放

horizontal 只允许水平方向缩放

vertical 只允许垂直方向缩放

利用css去除input按钮上的文字的几种方法

相信很多时候input上的文字困扰着web前端开发者,必须要通过修改html代码中的value值才能清空按钮上的文字,但很多人不愿意去动html代码,一方面麻烦,另外主要的原因还在于保留文字对seo有 ...

css 去除input 获取焦点的蓝色边框

input{ outline:0px; }

input和textarea标签的select()方法----选中文本框中的所有文本

JavaScript select()方法选中文本框中的所有文本 和两种文本框都支持select()方法,这个方法用于选择文本框中的所有文本 ...

iScroll滚动区域中select、input、textarea元素无法点击的Bug修复

最近在一个项目中使用了iScroll4模拟滚动效果,调试过程中发现一个表单页中的所有表单项都无法点击聚焦, 如.. ...

取消chrome浏览器下input和textarea的默认样式；html5默认input内容清除“×”按钮去除办法

取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: inpu ...

HTML 使用CSS 如何去掉文本聚焦框 HTML 使用CSS 如何去掉文本聚焦框 : outline 值设为none 修改input、textarea输入框placeholder样式

HTML 使用CSS 如何去掉文本聚焦框 : outline 值设为none 修改input.textarea输入框placeholder样式  兼容性代码: input::-webkit-input ...

去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景

去掉chrome(谷歌)浏览器默认的input.textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小 1.使用Chrome的都知道,当鼠标 ...

转JS--通过按钮直接把input或者textarea里的值复制到粘贴板里

document.activeElement属性为HTML 5中新增的document对象的一个属性,该属性用于返回光标所在元素.当光标未落在页面中任何元素内时,属性值返回body元素. setSel ...

css去除ios文本框默认圆角

css去除ios文本框默认圆角 input, textarea {-webkit-appearance: none;}

随机推荐

CSS3 nth 伪类选择器

考察下面的 HTML 代码片段:

section 1section 2

[ASP.NET MVC 大牛之路]03 - C#高级知识点概要(2) - 线程和并发

本人博客已转移至:http://www.exblr.com/liam  我也想过跳过C#高级知识点概要直接讲MVC,但经过前思后想,还是觉得有必要讲的.我希望通过自己的经验给大家一些指引,带着大家一起 ...

input为disabled提交后得不到该值的解决方法

input的字段当为diabled时时无法获取数值得,所以最近不要用这个,我们可以用readonly带替代,即可解决这类问题 放在form表单中提交后得不到该值. 将disabled=”disable ...

linux复习

linux的特点           - 免费的/开源           - 支持多线程/多用户           - 安全性好           - 对内存和文件管理优越       关机命令 ...

python学习笔记(一)

1. BeautifulSoup是一个很好用的Python写的一个HTML/XML的解析器,它可以处理不规范标记并生成剖析树(parse tree).Beautifulsoup可以对便签Object进 ...

选择排序算法Java与Python实现

Java 实现 package common; public class SimpleArithmetic { /** * 选择排序 * 输入整形数组:a[n] [4.5.3.7] * 1. 取数组编 ...

Java--常用类

1.方法中参数传递:值传递 基本数类型:具体的实际值 引用数据类型:对象的地址值 2.继承:关键字:extends单继承继承父类的非私有成员多重继承 2.权限的修饰符:private 只能在当前类的内 ...

利用NPOI开源的读写Excel、WORD等微软OLE2组件读写execl，控制样式或单元格

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

illegal mix of collcations表连接时非法的校对

背景:旧表导入新表,新表里的字段是字符串类型 新表是int类型 两个字段通过字符串处理后相等 (准备left join 关联起来)报错 把int类型字段更改成varchar字符串类型后成功