去掉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极速浏览器　　 chrome浏览器

在input里面加class类名，例如：class="style"，

.style{outline: none;}

时间： 2024-10-12 07:42:12

去掉input框点击时的默认颜色的相关文章

取消a标签在移动端点击时的背景颜色

一.取消a标签在移动端点击时的蓝色 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; 二.使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{ -webk

js控制input框输入数字时，累计求和

input框输入数字时,自动开始计算累加 <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label"><?php echo $this->translate('申请类型');?></label> <div class="col-sm-5"> <div

css 去除input框边框鼠标禁用状态背景颜色

让一个input框作为一个有placeHolder 提示信息的展示信息面板左边为可编辑的面板(为编辑状态)右边为展示右边需要修改 0.背景颜色与背景同色 1.取消外边框 input{ outline: medium}2.鼠标禁用(可作为全局样式使用) .mouse_disabled { pointer-events: none; } 3.修改input placeHolder 样式修改后编辑完 ok~~ 原文地址:https://www.cnblogs.com/522040-m/p/

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(e

编写手机端自适应页面案例，springMVC代码，SpringMVC上传代码，去掉input框中原有的样式，使ios按钮没有圆角,css中的border-radius类似

1.编写的页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html PUBLIC "-//

input框处理大全

1.去掉谷歌input记住账号或密码时默认出现的黄色背景: 直接用css的内阴影来覆盖黄色(代码中 white可换成其他颜色) input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } 2.去掉Input框的默认样式: input, button, select, textarea { outline: none; //去掉chrome浏览器自带的点击input框出现边框情况 -webkit-appear

实现input框实时监听

一.大概有三种方法: 1.onchange() 2.oninput() 3.onpropertychange() 二.onchange() 该事件监听input的value是否改变,但需要注意只在input框失去焦点时触发,在ie.chrome.firefox等浏览器中都有效. 三.oninput() & onpropertychange() 要是你想只要input框的值发生改变,并不需要失去焦点就能触发,那么这对好基友就是你所需要的. oninput() & onpropertychan

判断input框是否为空

需求: 当input框失去焦点时:判断,如果输入框内容为空则获取焦点:否则弹出输入框的内容. <!DOCTYPE html> <html> <head> <title>判断input是否为空</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <bo

[TimLinux] JavaScript input框的onfocus/onblur/oninput/onchange事件介绍

1. onfocus事件 input框获取到焦点时,触发了该事件,比如获取到焦点时,修改input框的背景色.这个功能其实可以使用css的伪类:focus来定义. 2. onblur事件这个与onfocus事件想法,当input框失去焦点时,触发该事件,比如将输入的文本,统一修改为小写 3. onchange事件这个事件的发生需要具有2个条件: 失去焦点内容发生了变化 4. oninput事件这个时HTML5新加入的事件,IE9之前是不支持的,在IE9之前使用的是: onproperty