移动端页面使用element-ui 里面的表单下拉框点击时出现蓝色背景色

最新推荐文章于 2025-03-04 16:23:06 发布
最新推荐文章于 2025-03-04 16:23:06 发布
阅读量488 收藏 11
点赞数 5
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35147012/article/details/137680608
版权
本文介绍了在移动开发中如何通过添加`-webkit-tap-highlight-color:transparent!important;`CSS属性来隐藏触点高亮效果，提升用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

给标签添加 ’ -webkit-tap-highlight-color: transparent!important ’

移动端开发----el-select、div点击出现蓝色背景色
KKKKKKD的博客
02-24 1407
最近在开发移动端的过程中发现，点击div实现页面跳转时，或者进行el-select进行下拉框选择，回出现蓝色背景色 经查阅，使用 -webkit-tap-highlight-color该属性即可解决 .el-select{ -webkit-tap-highlight-color: transparent !important; } 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要
解决点击element单选框时出现蓝色边框
yyt06的博客
04-27 1448
【代码】解决点击element单选框时出现蓝色边框。
【前端】如果多次点击菜单导致菜单标题出现蓝色背景
gsw123456的博客
03-04 328
如果蓝色背景是由组件的默认样式引起的，可以通过自定义样式覆盖默认样式。/* 覆盖 Element UI 的菜单选中样式 */important;important;以上方法可以根据你的具体需求选择使用。如果蓝色背景是由于浏览器的默认选中效果，推荐使用 CSS 的属性来禁用选中效果。如果是由组件的默认样式引起的，可以通过自定义样式覆盖默认样式。如果需要更精细的控制，可以结合 Vue 的事件修饰符或 JavaScript 的事件处理来实现。
element ui中的select 下拉出现蓝色字体解决
weixin_45075981的博客
11-06 3132
出现上述原因：你写的value属性的绑定值是对象，在规定中只能value的值只能是boolean / string / number这三种类型，所以要加上value-key属性， <Select v-model="oftenList" value-key="id" :placeholder="quickList[0]&&quickList[0].title" @change="sqlDataInput"> <Option ...
elementUI 在移动端使用的一些问题
HYeeee的博客
08-04 6059
1、字体顶部被截掉一部分 在部分机型上显示正常，大部分都表现为顶部字体被截掉， 原本的height和line-height都是和font-size一样大，改为： .info__bus-name { font-size: 16px; height: 20px; line-height: 20px; } 2、ios的问题 2.1 el-select下拉框，要点两次才选中 //解决 element-ui 下拉框在ios上 点击两次才能选中 .el-scrollbar { >.
elementUI MessageBox 弹框button去除蓝边，改用el-dialog
weixin_43951592的博客
03-16 1704
如图所示，确定按钮是蓝色的，即使重写其样式，改了背景色之后，其outline的颜色还是无法改变，取消按钮一样，点击之后都会有一圈蓝边。 本人是这样解决的，直接改成用 el-dialog，然后 把红色部分的type删掉就可以了 <el-button @click=“dialogVisible = false”>取 消< /el-button> <el-button type=“primary” @click=“dialogVisible = false”>确 定 <.
Elementui蓝色阴影边框相关问题的解决方案
qq_40591925的博客
05-19 1566
Tabs标签页出现蓝色阴影边框解决方案 .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none; } el-button-radio出现蓝色阴影边框解决方案 .el-radio-button:focus:not(.is-focus):not(:active):not(.is-di
Element-UI 在vue中修改文本编辑器
最新发布
03-26
比如更改按钮背景色为例: ```css /* 覆盖 snow 主题中的按钮激活状态 */ .ql-toolbar .ql-active{ background-color:#ffcccb !important ; color:black!important; border:none !important; } /* 设置字体大小...
Element-ui布局与模板设计：网格系统与个性化界面构建技巧
从网格系统的基础概念到高级布局技巧，再到个性化界面元素的定制和功能组件的配置，文章详细阐述了如何使用Element-ui设计响应式和交互性强的用户界面。此外，本文还探讨了Element-ui与现代前端技术
【Element-UI el-select最佳实践】：默认值处理，做到极致
Element-UI的el-select组件是Vue.js开发者常用的表单元素之一，用于实现用户界面中的下拉选择功能。本文详细探讨了el-select组件的基本使用、默认值设置以及在复杂场景下的高级处理技巧。通过对组件结构和属性的分析...
【Element-UI el-select技巧全解】：默认值操作，灵活掌握
本文深入探讨了Element-UI库中el-select组件的使用和高级应用。首先介绍了el-select组件的基础知识，包括如何设置默认值以及默认值的动态绑定和高级配置。其次，文章详细说明了在异步数据加载和表单验证场景中灵活...
【Element-UI组件深度定制】：Select组件底部操作栏的个性化定制方法
![详解为element-ui的Select和Cascader添加弹层底部操作按钮]...本文全面介绍Element-UI框架中的Select组件，包括其概述、结构与功能、样式定制、交互逻辑优化以及高级定制技巧。Se
element-plus-button 按钮点击之后颜色不还原的问题
naozheyun2998的博客
03-21 1580
element button 按钮
element UI点击tabs或者radio会出现蓝色阴影边框问题处理
ddyy2695734664的博客
02-04 3889
elmentui中在使用el-tabs的时候有时候会遇到一种情况如下： 默认带上了一个边框阴影内容，然而只要随便点击一下就能让这个内容消失掉。 探究发现，如下： 莫名其妙的加了一个 is-focus 类导致了阴影。 解决方案： 给el-tabs加上一个自定义的类，然后层层找到带上is-focus的类所引上的元素，然后给其阴影强制关闭掉 上面是别人的解决办法，我处理的时候是在公共样式里直接把样式覆盖掉了，如下： .el-tabs__item:focus.is-active.is-focus:not(:a
移动端点击可点击元素时，出现蓝色默认背景色
weixin_30733003的博客
10-26 619
web页面放在移动端，点击button 标签或者添加了cursor:pointer 样式的标签，会出现 蓝色背景色， 解决方案： 给相应标签 或者直接在body 标签上添加 样式： -webkit-tap-highlight-color: transparent; 或者 -webkit-tap-highlight-color:rgba(0,0,0,0); 适用场景：button 和 a标签 转载...
element-ui 移动端适配修改
热门推荐
weixin_44072168的博客
03-17 1万+
element-ui移动端适配
Element-UI 技术揭秘（5）- 色彩、字体、边框与图标
weixin_45189747的博客
10-13 6832
前言 element-ui 组件库之所以受欢迎，除了组件丰富，文档友好之外，还得益于它的精美的设计。之前在组件库的整体设计文章中提到，element-ui 背后有一只强大的设计团队，他们为组件库了制定了一套设计规范。 需求分析 当我们去设计一套组件库的时候，首先要考虑颜色、字体、边框、图标这些基础元素的设计，它们是构建各个组件的基石，如果没有做好这些基础设计，那么做出来的组件库看上去一定很山寨。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值