怎么更改Bootstrap默认输入焦点发光样式
本篇内容主要讲解“怎么更改Bootstrap默认输入焦点发光样式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么更改Bootstrap默认输入焦点发光样式”吧!
创新互联公司专注于怀远企业网站建设,成都响应式网站建设公司,商城网站建设。怀远网站建设公司,为怀远等地区提供建站服务。全流程按需求定制制作,专业设计,全程项目跟踪,创新互联公司专业和态度为您提供的服务
答案:使用CSSbox-shadow属性
默认情况下,在Bootstrap中获得焦点后,所有文本元素
但是,您可以通过简单地设置CSSborder-color和box-shadow属性来修改此默认的焦点发光或阴影样式。让我们尝试一个示例,看看它实际上是如何工作的:
代码:
.form-control:focus {
border-color: #ff80ff;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);
}
到此,相信大家对“怎么更改Bootstrap默认输入焦点发光样式”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
新闻标题:怎么更改Bootstrap默认输入焦点发光样式
浏览路径:http://scyanting.com/article/isjesj.html