实现输入框得到焦点时边框颜色改变失去焦点时输入框变回原来的颜色

原创 2015年07月06日 23:11:42

<script type="text/javascript" src="jquery/jquery.js">
</script>


<script type="text/livescript">
$(".inputext").ready(function(){
$(".inputext").focus(function() {
$(".inputext").css({"border-color":"#2881c2",
                    "border-width":"1px",                         "border-style":"solid"           });});
$(".inputext").blur(function() {
$(".inputext").css({"border-color":"#b9b9b9",
                    "border-width":"1px",                         "border-style":"solid"           });});
});
</script>

怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框呢

可以设置表单控件的outline属性为none值, 来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的带颜色边框。 css代码如下: input{outline:none}...

android EditText输入框获得焦点时,边框变为深色

第一步:为了更好的比较,准备两个一模一样的EditText(当Activity启动时,焦点会在第一个EditText上,如果你不希望这样只需要写一个高度和宽带为0的EditText即可避免,这里就不这...

input 输入框获得/失去焦点时隐藏/显示文字

这个标题可能比较拗口不好理解,但是我相信所有的人都见过这个效果,大家可以看本站右上角的搜索输入框,默认显示着“输入搜索内容”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户...

DELL笔记本电脑大小写切换时失去焦点需要再点一下输入框注册表解决方法

Quickset是戴尔笔记本电脑自带的一个系统辅助软件如果你电脑是32位的它的名字就是Quickset32,如果是64位系统就是Quickset64 因为戴尔电脑上没有大小写切换灯和网卡的提示灯等等,...

ajax请求得到的HTML代码在Firefox中输入框焦点诡异移位

====================================================== 注:本文源代码点此下载 =============================...

Android开发中EditText获得焦点弹出输入框改变屏幕布局的问题

在Android开发中,比较头疼的问题就是EditText总是已启动就获得焦点并弹出输入框,感觉很是不爽。而且,因为输入框的弹出,导致屏幕布局获得改变,有些空间被挤压到一起,很是难看,所以,我就上网搜...

使用js实现页面加载后某输入框获得焦点

具体实现如下例: "> 获得焦点

Android EditText获得焦点时边框颜色改变

第一步:为了更好的比较,准备两个一模一样的EditText(当Activity启动时,焦点会在第一个EditText上,如果你不希望这样只需要写一个高度和宽带为0的EditText即可避免,这里就不这...

页面加载完成,输入框获得焦点失败

首先,我们要获取文本框对象,这就注定了我们这段脚本必须在文本框渲染完成后才执行,参考多数登录框的设计方案,这类脚本一般都是放在HTML的最后部分,位置在之前,这样在input加载完成后才执行脚本,避免...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现输入框得到焦点时边框颜色改变失去焦点时输入框变回原来的颜色
举报原因:
原因补充:

(最多只允许输入30个字)