首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS大纲-颜色属性在firefox中不起作用吗?输入:焦点{大纲-颜色:#9 9aadee;}

CSS大纲-颜色属性在firefox中不起作用吗?输入:焦点{大纲-颜色:#9 9aadee;}
EN

Stack Overflow用户
提问于 2021-05-24 05:41:57
回答 2查看 1.8K关注 0票数 2
  1. .login-box input:focus{ outline:1px solid #9aadee; } -this将在火狐中工作,但在Chrome中不起作用
  2. .login-box input:focus{ outline-color:#9aadee; } -this在火狐不起作用,但在Chrome中工作
EN

回答 2

Stack Overflow用户

发布于 2021-05-24 12:03:24

虽然MDN引用输入作为一种情况,即不需要定义大纲的样式才能使其他样式生效,但对于某些浏览器来说,情况似乎并非如此。

因此,如果您还显式地设置了

代码语言:javascript
运行
复制
outline-style: solid;
票数 4
EN

Stack Overflow用户

发布于 2021-12-31 17:50:28

甚至我也面临着同样的问题,然后我添加了两行代码,只添加了大纲颜色的不适合我。

代码语言:javascript
运行
复制
outline-style: solid;
outline-color: skyblue;

但是在添加了这段代码之后,概述了--我们不需要的所有输入字段都依赖于用户

如果有人想改变轮廓颜色,点击输入字段,然后使用下面的代码。

代码语言:javascript
运行
复制
input:focus{
    outline-style:solid;
    outline-color: skyblue;
}

其中,输入可以是输入标记或给出相应输入字段的类名/ id

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67667161

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档