CSS中input输入框点击时去掉外边框方法【outline:medium;】----CSS学习

CSS 中添加

outline:medium;

JS 控制焦点:

$("#CUSTOM_PHONE").focus(function(event){
	// this.attr("border","none");
	$("#CUSTOM_PHONE").css(‘border-bottom‘,‘1px solid #3BC2B5‘);
});
$("#CUSTOM_PHONE").blur(function(event){
	if($("#CUSTOM_PHONE").val() == ‘‘){
		$("#CUSTOM_PHONE").css(‘border-bottom‘,‘1px solid #ceced2‘);
	}
});

效果图如下:  

时间: 2025-01-14 02:53:51

CSS中input输入框点击时去掉外边框方法【outline:medium;】----CSS学习的相关文章

css中input输入框点击背景及边框变化

CSS不常用属性果然不用就想不起来啊. 记录一下做个备忘. 用:focus伪类就可以实现 input:focus {     border: 2px solid yellow; }

input,button制作按钮IE6,IE7点击时1px黑边框的解决方法

按钮在IE6中点击时1px黑边框的最常见的解决方法 首先设置按钮为none,然后在按钮外面套一层来实现边框的效果,部分代码如下 .btnbox{ border:solid 1px red;} .btn{ border:none;} <span class="btnbox"><input class="btn" type="button" value="按钮"></span> 第二种办法通过滤

CSS如何去除超链接点击时的虚线

CSS如何去除超链接点击时的虚线:建议:尽可能的手写代码,可以有效的提高学习效率和深度.当点击链接的时候,默认情况下会出现一个虚线框.实例代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title

当Table中td内容为空时,显示边框的办法

原文:当Table中td内容为空时,显示边框的办法 1111111111111 目录 定义和用法 实例 浏览器支持 可能的值 定义和用法 说明 实例 浏览器支持 可能的值 相关页面 1. 在 table的css里面加: border-collapse:collapse; 在 td 的css里面加:      empty-cells:show; 2 .最简单的就是 在TD里写个  说明: border-collapse设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开. 定义

IOS 固定定位底部input输入框,获取焦点时弹出的输入法键盘挡住input

移动页面经常会做到这样一个效果,看下面的图片,重点就是那个固定定位的底部,里面有个input输入框,在输入字符的时候,安卓手机看着是完全没有问题! 1.页面没有点击底部input的初始状态 2.安卓手机下的样子,一切都是那么的正常,简直是完美. 3.ios手机下,就是这么任性,没有办法,完全挡着了,挡着了,挡着了...,必须把整个页面滑到最底下才能看见它,捉迷藏啊简直是. 不怕丢人的说,此问题遇见一年多了终于得到完美解决,更加精彩.更加狗血的是代码只有特么的一行! 请睁大眼睛看 <script

css中的浮动与三种清除浮动的方法

说到浮动之前,先说一下CSS中margin属性的两种特殊现象 1, 外边距的合并现象: 如果两个div上下排序,给上面一个div设置margin-bottom,给下面一个div设置margin-top,那么两个margin会发生合并现象,合并以后的值较大的那个. 对于这种现象一般不用处理. 2,margin塌陷现象: 如果一个大盒子中包含一个小盒子给小盒子设置margin-top大盒子会一起向下平移. 解决方案: 1.0给大盒子加一个边框border属性. 2.0给大盒子设置一个overflow

easyui datagrid 去掉外边框及行与行之间的横线

这是以前写的一个项目中写的东西,为了让datagrid样式好看,所有做的这个处理: 今天同事又问到于是记录下来 $('#id').datagrid({ width: '99%', height: 150, fit: false, nowrap: true, url: 'url地址', singleSelect: true, columns: [ [ { field: 'TaskName', title: '标题', width: '100%', formatter: function (v, r

去掉input框点击时的默认颜色

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>文本框鼠标点中时边框不变色</title> 6 </head> 7 <body> 8 <input type="text" /> 9 </body> 10 </html> 360安全浏览器 360极

css中input框不可点击+首行缩进

Css 1)text-indent::首行缩进 2)disabled="true"设置input框不可以点击 3)Css:xx!important:声明提前优先级最高..!important优先级最高 4)readonly="true"设置input框不可以点击(用disabled设置之后不能获取表单值)