css设置输入框边框无效或者不展示边框

bug描述:在聚焦的时候,期望输入框的边框是主题色,但是不知道是个啥颜色。

发现输入框input以及textarea样式css标签:focus更改样式无效这个问题。

若希望实现input在触发焦点时更改样式,通常会想到使用:focus选择器,但当使用border去更改样式时,会发现失效了:

border-color: #824DFF 无效,于是试着改了下outline就生效了。

因为在触发:focus时,用作突出的边框色,是由outline控制的,即获得焦点时,会被一个轮廓虚拟框围绕,而轮廓虚线框就是 outline。

所以 设置outline: 1px solid #824DFF;就可以了。

如果想要边框不可见,设置outline: none;就可以了

相关推荐

  1. css 边框渐变

    2024-04-24 08:28:02       53 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-24 08:28:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-24 08:28:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-24 08:28:02       82 阅读
  4. Python语言-面向对象

    2024-04-24 08:28:02       91 阅读

热门阅读

  1. ILM ADO storage tiering policy on table partition

    2024-04-24 08:28:02       25 阅读
  2. Linux系统上C++使用alsa库播放声音文件

    2024-04-24 08:28:02       41 阅读
  3. 深度学习基础之《TensorFlow框架(14)—TFRecords》

    2024-04-24 08:28:02       37 阅读
  4. LeetCode //C - 29. Divide Two Integers

    2024-04-24 08:28:02       38 阅读
  5. 关于上传自己本地项目到GitHub的相关命令

    2024-04-24 08:28:02       34 阅读
  6. Unity UI擦除效果

    2024-04-24 08:28:02       37 阅读
  7. Rust:遍历 BinaryHeap

    2024-04-24 08:28:02       36 阅读
  8. 使用Python实现语音识别与处理模型

    2024-04-24 08:28:02       32 阅读
  9. Rust 和 Go 哪个更好?

    2024-04-24 08:28:02       79 阅读