去除 element-ui Dropdown 下拉菜單右擊時出現的藍色邊框

原創 竹立荷塘 2020-06-29 05:09

使用element-ui Dropdown 下拉菜單時，發現鼠標左擊菜單時沒什麼問題，但是在右擊時和點中刷新時會出現藍色邊框。

查看代碼 發現 

關於-webkit-focus-ring-color是一種色彩屬性，藍色，類似outline的藍顏色，

改成

:focus {outline: 0;}

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Element + Vue 創建前端項目（IDEA版）

創建工程   創建要給名爲 hello-vue 的工程：vue init webpack hello-vue 安裝依賴，我們需要安裝 vue-router、element-ui、sass-loader 和 node-sass 四個插件

Future_LL 2020-07-07 21:46:19

mdn學習筆記

HTML HTML (HyperText Markup Language) defines the meaning and structure of web content CSS (Cascading Style Sheets) des

原創 2023-05-21 22:44:02

地區聯動表格-element

<!--國家地區聯動表格--> <template> <div class="register-info-table address-table" style="margin-top:10px;"> <el-collap

原創 2021-06-21 21:32:54

前端實戰項目積累小知識（6）：vue--Element-UI  Table 表格指定列添加點擊事件

Element-UI  Table 表格指定列添加點擊事件 最近使用了Element-UI中的Table表格，因爲需求需要在指定的列點擊跳轉，所以必須添加個點擊事件，我這裏是彈框展示table再點擊跳轉的，如圖所示： 下面是我實現具體的

Jonhos 2020-07-04 07:13:11

前端實戰項目積累小知識（11）：vue使用element中的input組件實現傳多個值和input回顯強制刷新

 vue使用element中的input組件實現傳多個值和input回顯強制刷新         在項目開發過程使用input遇到的小問題，直接從element拿取過來的input組件是沒問題的，但是存在着如果給input的value設置

Jonhos 2020-07-04 07:13:11

Vue2.5 結合 Element UI 之 Table 和 Pagination 組件實現分頁

1、背景 2017年底了，總結了這一年多來的前端之路，Vue從入門到放棄，再二進宮，從 Vue1.0 持續跟蹤到 Vue2.5。結合公司的一些實際項目，也封裝了一些比較實用的組件。 由於現在公司管理平臺主要運用Element U

Xeechem 2020-07-03 09:06:35

使用Element開發頁面表格排序問題：排序時帶上了null值（直接展示後端返回排好的數據）

使用Element開發頁面表格時，對某個字段做排序，並且對值爲null的不做排序，放在最後。點擊升序時，遇到個問題：後端返回的數據已經做了排序，前端拿到數據展示時把數據再排了一遍，我們要的結果直接拿後端排好序的數據使用。 問題如下：  

崔lc 2020-07-02 13:31:02

Element使用小技巧

el-date-picker使用時的時間格式 在使用el-date-picker進行時間選擇的時候想要生成時間戳可以增加屬性value-format=“timestamp” 就可以，添加change時間後選擇後的時間會以時間戳的

lxiang222 2020-07-02 05:15:28

element tab選中時會有邊框

解決辦法：在commos.scss中加入屬性覆蓋 .theme{ .el-tabs__item:focus.is-active.is-focus:not(:active) { box-shadow: none;

竹立荷塘 2020-06-29 05:09:38

10. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-前端創建vue單頁面項目

一、創建vue單頁面項目 我這裏創建vue項目使用的是Vue-CLI腳手架，Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統。 1. 安裝Vue-CLI npm install -g @vue/cli # OR yarn

竹立荷塘 2020-06-29 05:09:38

element select 當前選中的數據對象

el-select  value/v-model  綁定值爲對象類型時必填  value-key  作爲 value 唯一標識的鍵名 <template> <div> <el-select v-model="model" v

LiuDanyang丶 2020-06-26 02:03:10

Flutter中Widget的生命週期和渲染原理

原文博客地址: Flutter中Widget的生命週期和渲染原理 之前的Flutter系列文章中都有介紹一些常用的Widget這裏就主要了解Flutter的渲染原理和Widget的生命週期 Flutter中Widget的生命

CodeTitan 2020-06-22 16:56:04

前端優質框架【持續迭代】

1.極簡模塊化前端UI框架 Layui 源碼地址：https://gitee.com/sentsin/layui Layui 是一款採用自身模塊規範編寫的情懷型前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即

hzh_猴哥 2020-06-19 22:54:16

vue+element 表單

1.驗證手機號/電話/身份證 //html <el-form :model="newForm" status-icon :rules="newRules" ref="newForm" label-width="100px"> <

刘白超 2020-06-19 05:11:09

vue+element 表單BUG記錄

介紹： 復現：一般都是表單中，二級聯動或者三級聯動，使用change方法改變form:{ name:’’ }中的屬性； 1.視圖不更新 2.el-select下拉全選； 針對問題一解決方法： //使用$set this.$set(

刘白超 2020-06-19 05:11:09