input和button点击时的蓝色外边框和灰色半透明背景问题处理

最新推荐文章于 2024-08-01 15:29:13 发布
转载 最新推荐文章于 2024-08-01 15:29:13 发布 · 3.7k 阅读 · 0
文章标签：

#input #button

本文介绍了一种通过 CSS 样式来解决 a, button, input 等元素在点击时出现的蓝色外边框及灰色半透明背景的问题。该方案利用 -webkit-tap-highlight-color 属性并设置其值为透明，从而有效避免了这些元素被激活时产生的视觉干扰。

input和button点击时的蓝色外边框和灰色半透明背景问题处理

a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
}
reset.css重置样式--小技巧
JackieDYH的博客
02-13 491
@charset "utf-8"; body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select { margin: 0; padding: 0; } body { font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;...
移动端 h5开发相关内容总结——CSS篇
强子的专栏
01-06 3万+
1.移动端开发视窗口的添加h5端开发下面这段话是必须配置的<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">其它相关配置内容如下： width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) in
input制作蓝色按钮button样式
suntao1995的博客
03-29 5101
<input type="text" value="" class="mytxt" style="width:200px;height:40px;"/> .mytxt { color:#333; line-height:normal; font-family:"Microsoft YaHei",Tahoma,Verdana,SimSun; font-s...
input框选中时如何不出灰框,如何灰色复选框，除非单选按钮被选中？
weixin_42162171的博客
12-20 210
very new to javascript, but any help to get me started would be appreciated. I have a simple form:BurgerFries with that?PizzaHot DogI want the "Fries" checkbox greyed out unless the "Burger" radio bu...
<button>按钮置灰
weixin_33862188的博客
01-27 3711
2019独角兽企业重金招聘Python工程师标准>>> ...
如何去除android、ios上[a/button/input]标签产生的边框/灰色背景？
chourenchan4303的博客
01-02 609
前段时间在做移动端手机网站时，没有发现有什么问题，但是在测试阶段，却发现了不少bug，为了不影响全局效果，怎么得也要解决这些问题，既算是工作回忆，也算是工作上的一点小总结，避免以后再出错。 在ios4+和android2+系统，当手指触摸屏幕a标签链接或button按钮时，会产生边框效...
解决button和input标签自带边框的问题
weixin_44484621的博客
01-18 5504
解决&amp;amp;amp;amp;amp;amp;amp;lt; button &amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp;amp;amp;lt; input &amp;amp;amp;amp;amp;amp;amp;gt;标签自带边框的问题 ~~开发工具与关键技术：【DW】/HTML 作者：盘耀海 撰写时间：2019.01.18~~
关于排版中经常见的问题及解决方法(分享)
12-11
/*去掉手机上a、input和button点击时的蓝色外边框和灰色半透明背景 解决方案1:*/  a,button,input,optgroup,select,textarea, div { -webkit-tap-highlight-color:rgba(0,0,0,0); } /*解决方案2:
项目实战小总结
12-19
- **作用**: 去除触摸时的蓝色边框或半透明灰色遮罩。 ### 三、动画效果优化 1. **使用CSS3动画**: - **优势**: 使用`transition`、`transform`或`animation`实现的动画效果更加流畅。 - **技巧**: 利用`...
8.创建具有视觉吸引力的用户界面
最新发布
OneKing's Blog
08-01 1023
在内部边框内，我们声明了一个 Grid 面板，以便我们可以添加所需的 ContentPresenter 和使用资源中的 GreenGlow 画笔绘制的 Rectangle 元素。特别要注意的是，它的 RelativeTransform 属性设置为名为 ScaleTransform 的 ScaleTransform 元素，并且它的第三个 GradientStop 对象是我们控件中绑定到 GlowColor 属性的数据。在这种情况下，我们已经有了 MainWindow 类，需要添加一个额外的窗口。
鼠标点击＜input＞输入框后边框发生颜色变化
qingdouxiaohua的博客
09-22 2243
鼠标点击输入框后颜色发生改变。
input输入框自动填充后消除背景色
08-15 2062
【代码】input输入框自动填充后消除背景色。
android 去除button的默认灰色背景色
m0_57399102的博客
07-12 3081
android
css-去除input框里面的默认背景颜色
mossbaoo的博客
01-09 5817
input输入框在浏览器里面会有输入历史记录的功能，当你选择输入记录的时候，输入框会出现蓝色的背景颜色 这时候需要用css处理一下 input{ -webkit-box-shadow: 0 0 0 1000px white inset; }
input开始自动填充帐号密码背景色发生变化
Zxiuping的博客
06-10 1420
以登录页面为例ui设计图效果如下图： 进入登录页面cookie自动填充帐号密码之后input输入框出现了背景色： 解决方法：主要代码就是加个阴影去掉背景色 input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{ -webkit-text-fill-color:#ededed!important; -webkit-box-shadow:00...
iphone中input按钮设置disabled属性出现灰色背景没有显示问题
FarmanKKK的博客
10-17 5851
昨天在项目中发现发送验证码的按钮，在点击后添加disabled属性后，iphone手机中出现disabled属性的默认背景颜色没有显示，反而直接显示它下面的父级元素的白色点击前 点击后 倒计时的按钮消失了 然后就开始了各种方案测试，没啥效果。 之后就从处理兼容性问题上转移到直接设置样式覆盖掉disabled的默认样式 input[type=button], input[type=submi
提交按钮变灰色不可用状态
岁寒松柏
10-10 1万+
点击提交按钮后按钮变灰色不可用状态 表单提交后按钮变成灰色 onclick="javascript:{this.disabled=true;document.form1.submit();}"> ===================== 倒计时结束后按钮才由灰色（不可点击）变成可点击 JS控制在规定时间内结束后才可以点击下一步
js中实现button按钮变灰不可用，可用的方法
热门推荐
chp891202的博客
05-04 9万+
按钮变灰不可用方法：document.getElementById("crop").setAttribute("disabled", true); 按钮可用方法：document.getElementById("crop").removeAttribute("disabled"); 按钮隐藏方法：$("#crop").hide();或document.getElementById(‘cro
怎么解决input框中加入disabled="disabled"之后，改变字体的颜色（默认的是灰色）
panghaichun的博客
02-24 6万+
<input class="color-red" type="submit" name="share_price" disabled="disabled" value="分享后付（{$check_census_share_price}元）" />在input框中加入disabled=”disabled”之后，字体默认的就变成灰色了解决方案input[disabled]{color:#fff;opac
解子集和问题的回溯法及编程实现
子集和问题（Subset Sum Problem）是计算机科学和数学领域中的一个经典问题，属于组合优化问题的一种。它关注的是是否存在某个子集的和等于给定的值，这个子集是从一个更大的集合中选取的。在给定的文件信息中，我们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值