css - 如何在浏览器中围绕输入控件设置选择框的样式?

标签 css

在我正在制作的网站上,我对输入控件进行了样式设置,使它们看起来更令人愉悦 - 包括使用:

border-radius: 15px 15px;

让控件有更多的圆 Angular 。

这很好用,但问题是当用户选择有问题的控件时,选择样式似乎出现在它的外部周围以显示其事件控件。此选择样式/边框似乎不遵循一般为控件设置的边框半径。我猜这有点像链接:悬停情况,但我不确定该怎么做。

当控件被特别选中时,我如何处理控件的样式?

最佳答案

textarea:focus, input:focus{
   outline: none;
}

关于css - 如何在浏览器中围绕输入控件设置选择框的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8107115/

相关文章:

css - Bootstrap 4 Alpha Grid 无法并排放置 2 个表格

css - 嵌套 SCSS 结构中具有类或数据选择器的目标根元素

javascript - 用缓动动画代替滚动

css - CSS中价格等级后的货币符号

jquery - 如果使用 CSS 激活,则将背景颜色更改得更亮

html - 来自 StringBuilder 的 Bootstrap 布局问题

javascript - 如何纠正 div 表现得像文件浏览器的错误

javascript - 输入文本焦点,如 Facebook Input

javascript - 单击时如何将此 css3 webkit 动画连接到元素?

css - 在 Firefox 中强制执行 CSS @media 查询