去除Bootstrap输入框聚焦时的边框轮廓线

最新推荐文章于 2022-05-02 15:32:29 发布

这个有可能是真纯

最新推荐文章于 2022-05-02 15:32:29 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_43668086/article/details/87914976

本博客分享了一位大神级老师的零基础人工智能教程，教程风格幽默且易懂，适合初学者入门。此外，博客还介绍了如何在使用Bootstrap3框架时，克服其带来的个性化难题，特别讲解了如何定制input输入框的边框风格。

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

分享一下我老师大神的人工智能教程。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.youkuaiyun.com/jiangjunshow

使用Bootstrap3的时候，好处是有很多现有的控件可以使用，坏处是个性化起来会遇到不少麻烦，

单独的静态页面显示正常的，引入Bootstrap后，有些类/通用界面组件的样式会被覆盖。

想去除默认风格或定制input输入框的边框风格，可以使用如下代码：

input:focus {    outline: none;    border-color: #cfdc00;    box-shadow: 0 0 5px rgba(207, 220, 0, 0.4);    border-radius: 5px;}

在线演示地址： http://wow.techbrood.com/fiddle/13097