输入焦点外部发光 [英] input focus outer glow

问题描述

是否可以模拟safari和其他浏览器添加到输入字段的外部发光？如果可能，避免jquery？

is it possible to simulate the outer glow that safari and other browsers add to an input field? And avoiding jquery if possible?

本文介绍如何删除它：
http://www.altrugon.com/css/remove-safaris -input-focus-outer-glowquitar-el-border-azul-de-los-inputs-en-safari /

This article explains how to remove it: http://www.altrugon.com/css/remove-safaris-input-focus-outer-glowquitar-el-border-azul-de-los-inputs-en-safari/

感谢

推荐答案

查看DEMO

这里 box-shadow 与：focus 结合使用：psudo selector 。

Check out the DEMO

Here box-shadow is used in combination with :focus psudo selector.

CSS ：

input:focus,textarea:focus,select:focus{
  border:1px solid #fafafa;
  -webkit-box-shadow:0 0 6px #007eff;
  -moz-box-shadow:0 0 5px #007eff;
  box-shadow:0 0 5px #007eff;
  outline: none;
}

这篇关于输入焦点外部发光的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！