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

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

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

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

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/642080.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

16.C++常用的算法_算数生成算法

文章目录 遍历算法1. accumulate()代码工程运行结果 2. fill()代码工程运行结果 遍历算法 1. accumulate() 代码工程 第三个参数为累加的起始值&#xff0c;如果没有特殊需求写0即可; 需要注意包含头文件#include<numeric>#define _CRT_SECURE_NO_WARNINGS #include&l…

刷题训练之二分查找

> 作者&#xff1a;დ旧言~ > 座右铭&#xff1a;松树千年终是朽&#xff0c;槿花一日自为荣。 > 目标&#xff1a;熟练掌握二分查找算法 > 毒鸡汤&#xff1a;学习&#xff0c;学习&#xff0c;再学习 ! 学&#xff0c;然后知不足。 > 专栏选自&#xff1a;刷题…

MLLM | Mini-Gemini: 挖掘多模态视觉语言大模型的潜力

香港中文、SmartMore 论文标题&#xff1a;Mini-Gemini: Mining the Potential of Multi-modality Vision Language Models Code and models are available at https://github.com/dvlab-research/MiniGemini 一、问题提出 通过更高分辨率的图像增加视觉标记的数量可以丰富…

Rust 认识所有权

目录 什么是所有权? 栈(Stack)与堆(Heap)所有权规则变量作用域String 类型内存与分配 变量与数据交互的方式(一):移动变量与数据交互的方式(二):克隆只在栈上的数据:拷贝所有权与函数返回值与作用域引用与借用 可变引用悬垂引用(Dangling References)引用的规则S…

众筹商城源码 众筹商品平台 商城加共识元富之路 网上商城众筹,附带系统搭建教程

前端是编译后的&#xff0c;后端PHP&#xff0c;带商城 全局替换http://dami.5288tj.com为你的域名 /MbedAdminentersdfsdrwe.php/index/login 账号&#xff1a;admin 密码;admin888 源码免费下载地址抄笔记 (chaobiji.cn)https://chaobiji.cn/

谷歌(语法)搜索基本指令分享

1.site指令 *查询网站被搜索引擎的收录量 "限走搜索的范围是在某个特定的网站或域名下 *限走网站的类型&#xff0c;eg:.com/.us/.fr/.cn/.gov 1.site域名&#xff0c;eg:site:123456.com(主域名&#xff0c;一级域名)&#xff0c;eg:site:123456.com(二级域名)级域名网页…

B203-若依框架应用

目录 简介版本RuoYi-fast项目准备新增模块/代码生成 简介 基于SpringBoot的权限管理系统&#xff0c;基于SpringBoot开发的轻量级Java快速开发框架 版本 前后端未分离单应用版本&#xff1a;RuoYi-fast&#xff0c;前后端未分离多模块版本&#xff1a;RuoYi 前后端分离单应用…

3D视觉技术引领活塞杆抓取新革命

随着工业自动化的快速发展&#xff0c;对高精度、高效率的抓取技术需求日益增长。活塞杆作为重要的机械零部件&#xff0c;其抓取过程的精确性直接关系到产品质量和生产效率。近年来&#xff0c;3D视觉技术以其独特的优势&#xff0c;在活塞杆抓取领域展现出巨大的应用潜力。 …

【行为型模式】中介者模式

一、中介者模式概述 中介者模式定义&#xff1a;用一个中介对象来封装一系列的对象交互&#xff0c;中介者使各对象不需要显式地相互引用&#xff0c;从而使其耦合松散&#xff0c;而且可以独立地改变它们之间的交互。中介者模式又称为调停者模式。(对象行为型模式) 中介者模式…

STM32F407,429参考手册(中文)

发布一个适用STM32F405XX、STM32F407XX、STM32F415XX、STM32F417XX、STM32F427XX、STM32F437XX的中文数据手册&#xff0c;具体内容见下图&#xff1a; 点击下载&#xff08;提取码&#xff1a;spnn&#xff09; 链接: https://pan.baidu.com/s/1zqjKFdSV8PnHAHWLYPGyUA 提取码…

ICC2:自动摆port的命令

我正在「拾陆楼」和朋友们讨论有趣的话题&#xff0c;你⼀起来吧&#xff1f; 拾陆楼知识星球入口 ICC2中可以通过命令去实现自动摆port&#xff0c;示例如下: set_individual_pin_constraints -ports $ports -allowed_layers M6 -sides 1 -pin_spacing_distance 1 这里需要…

win11不能新建.txt文件?试试这个方法。

检查你的系统是否有notepad程序。 查看“开始”菜单中是否有“记事本”这个程序。如果没有&#xff0c;就去“Microsoft store”中下载一个“windows notepad”安装上。 如果有notepad&#xff0c;还是无法新建.txt文件&#xff0c;就需要设置注册表了。 键盘输入“winR”&…