当我用border-radius聚焦输入时,会出现一个方形边框

低于401 CedupHH

当我将输入集中在时border-radius,会出现一个方形边框。

我可以让第二个边框消失border radius吗?还是只给它设置一个

input[type="text"]{
  border: 1px solid red;
  border-radius:10px;
}
<input type="text">

这是方形边框:

这是方形边框

谢谢。

弗雷德马乔夫斯基

引用了蓝色矩形,因为outline您可以通过outline: none规则将其隐藏

input[type="text"] {
  border: 1px solid red;
  border-radius:10px;
}
input[type="text"]:focus {
  outline: none
}
<input type="text">

当然,您可以设置样式。请参阅此文档以查看适用的规则。


更新 :在我的回答中,我认为问题是关于:删除HTML元素的轮廓以提供自定义元素。正如@Antifish让我注意到,除非您不提供其他样式,否则这是一种不好的做法。

我查找了一些额外的资源,发现有人为此制作了一个网站,并明确指出:

Web内容可访问性指南》中明确规定了将焦点集中于导航元素是可访问性的要求

2.4.7可见焦点:任何键盘可操作的用户界面均具有键盘焦点指示器可见的操作模式。(AA级)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当我用sbt运行play框架示例时出现一些错误

来自分类Dev

vim:当我用execute命令拉动块时,出现奇怪的问题

来自分类Dev

当我的解析器明确寻找输入时,为什么会出现“输入意外结束”的信息?

来自分类Dev

当我清除输入时做些什么

来自分类Dev

当我们向输入字段提供输入时,为什么PhantomJS仅输入最后一个字母?

来自分类Dev

如何建立链接,以便每当我将鼠标悬停在链接上时,鼠标指针的右侧都会出现一个DIV(带有文本)?

来自分类Dev

当我单击HTML按钮时,将显示一个蓝色的“选择”边框

来自分类Dev

我建立一个活动图表是可以的,但是当我将其构建为片段时,会出现一些错误

来自分类Dev

当一个输入在Angular 4或Angular 6中聚焦时,我想隐藏一个div

来自分类Dev

当我用pygame加载枕头时,出现错误:“ ValueError:无法识别的格式类型”

来自分类Dev

当我更改设备的方向时,屏幕上会出现一个黑色的小闪烁Flutter

来自分类Dev

当我更改为粘性html CSS时,标题边框在边缘上会出现间隙

来自分类Dev

当我单击任何一个div时,只有那个div才会出现,其余页面的所有内容都应位于Overlap中

来自分类Dev

我有一个aspx(vb)网站。当我尝试删除.vb文件(在那里保留.aspx文件)时,总是会出现HttpParseException?

来自分类Dev

当我在自定义组件中将另一个组件作为属性放置时,为什么会出现“访问冲突”?

来自分类Dev

当我们向输入字段提供输入时,为什么PhantomJS仅输入最后一个字母?

来自分类Dev

我建立一个活动图表是可以的,但是当我将其构建为片段时,会出现一些错误

来自分类Dev

如果我输入一个字符串作为整数属性的值,则不会出现设置器代码

来自分类Dev

当我聚焦输入时,如何更改“ displayText”并显示“ displayText”?

来自分类Dev

当我用鼠标拖动画一个圆时,形状在某些情况下会移动

来自分类Dev

当我用另一个列表替换一个列表时,出现问题

来自分类Dev

当我更新一个闪亮的输入时,htmlwidget 绘制一个新图?

来自分类Dev

我做了一个 switch case 程序,当我给出输入时它不执行 switch case

来自分类Dev

当我用星号表示字段宽度时,怎么少了一个空格?

来自分类Dev

NextJS - 当我对我的项目文件进行更改时,我的导入中会出现一个奇怪的“cache/typescript/2.9/node_modules/@types/react'”

来自分类Dev

当我使用 svg 行时,为什么我的 div 附近会出现一个未识别的段?

来自分类Dev

当我将 cin 用于两个输入时,如何接收一个输入?

来自分类Dev

如果我输入一个浮点值并尝试将其转换为 int,则会出现错误

来自分类Dev

当我尝试从同一个包导入时出现 ImportError

Related 相关文章

  1. 1

    当我用sbt运行play框架示例时出现一些错误

  2. 2

    vim:当我用execute命令拉动块时,出现奇怪的问题

  3. 3

    当我的解析器明确寻找输入时,为什么会出现“输入意外结束”的信息?

  4. 4

    当我清除输入时做些什么

  5. 5

    当我们向输入字段提供输入时,为什么PhantomJS仅输入最后一个字母?

  6. 6

    如何建立链接,以便每当我将鼠标悬停在链接上时,鼠标指针的右侧都会出现一个DIV(带有文本)?

  7. 7

    当我单击HTML按钮时,将显示一个蓝色的“选择”边框

  8. 8

    我建立一个活动图表是可以的,但是当我将其构建为片段时,会出现一些错误

  9. 9

    当一个输入在Angular 4或Angular 6中聚焦时,我想隐藏一个div

  10. 10

    当我用pygame加载枕头时,出现错误:“ ValueError:无法识别的格式类型”

  11. 11

    当我更改设备的方向时,屏幕上会出现一个黑色的小闪烁Flutter

  12. 12

    当我更改为粘性html CSS时,标题边框在边缘上会出现间隙

  13. 13

    当我单击任何一个div时,只有那个div才会出现,其余页面的所有内容都应位于Overlap中

  14. 14

    我有一个aspx(vb)网站。当我尝试删除.vb文件(在那里保留.aspx文件)时,总是会出现HttpParseException?

  15. 15

    当我在自定义组件中将另一个组件作为属性放置时,为什么会出现“访问冲突”?

  16. 16

    当我们向输入字段提供输入时,为什么PhantomJS仅输入最后一个字母?

  17. 17

    我建立一个活动图表是可以的,但是当我将其构建为片段时,会出现一些错误

  18. 18

    如果我输入一个字符串作为整数属性的值,则不会出现设置器代码

  19. 19

    当我聚焦输入时,如何更改“ displayText”并显示“ displayText”?

  20. 20

    当我用鼠标拖动画一个圆时,形状在某些情况下会移动

  21. 21

    当我用另一个列表替换一个列表时,出现问题

  22. 22

    当我更新一个闪亮的输入时,htmlwidget 绘制一个新图?

  23. 23

    我做了一个 switch case 程序,当我给出输入时它不执行 switch case

  24. 24

    当我用星号表示字段宽度时,怎么少了一个空格?

  25. 25

    NextJS - 当我对我的项目文件进行更改时,我的导入中会出现一个奇怪的“cache/typescript/2.9/node_modules/@types/react'”

  26. 26

    当我使用 svg 行时,为什么我的 div 附近会出现一个未识别的段?

  27. 27

    当我将 cin 用于两个输入时,如何接收一个输入?

  28. 28

    如果我输入一个浮点值并尝试将其转换为 int,则会出现错误

  29. 29

    当我尝试从同一个包导入时出现 ImportError

热门标签

归档