首页 > 其他分享 >css修改input标签:focus边框颜色

css修改input标签:focus边框颜色

时间:2022-12-02 11:58:21浏览次数:36  
标签:outline focus 边框 input border css

css修改input标签:focus边框颜色

input边框使用border修改样式,但是聚焦高亮时修改border 没有效果

使用 outline 即可

.input_border:focus{
  outline: 1px solid RoyalBlue;
}

  或者

.input_border:focus{
  outline: 0;
  border: 1px solid royalblue ;
}

  

标签:outline,focus,边框,input,border,css
From: https://www.cnblogs.com/SadicZhou/p/16944012.html

相关文章

  • 快速小结:CSS3盒模型
    ......
  • spring mvc下css js中的jsession id?
    在http://www.mkyong.com/spring-mvc/jsp-jsessionid-added-to-css-and-js-link/中提到了在springmvc+jsp中,对资源文件的引入问题,比如:<html><hea......
  • 通过js创建input标签上传文件自动化调研总结
    通过js创建input标签上传文件自动化调研总结:1、原因:前端通过js添加的input,当前没有后面两行,所以没有添加到dom树,无法通过ChooseFile自动化2、跨平台解决方案:添加后面两......
  • css
    表单标签的补充说明1.form表单功能表单用于向服务器传输数据,从而实现用户与Web服务器的交互表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。......
  • CSS关于IOC字体图标的使用
    首先去:https://icomoon.io/app/#/select选择相适应的图标日文翻译:まず、https://icomoon.io/app/#/selectにアクセスして、適切なアイコンを選択します。  然后......
  • CSS基础
    CSS基础◆基础认知◆基础选择器◆字体和文本样式◆Chrome调试工具◆综合案例1.基础认知1.1CSS的介绍➢CSS:层叠样式表(Cascadingstylesheets)➢CSS作用......
  • 盘点:CSS响应式布局的5种实现方式
    响应式布局:只需要开发一套代码,只需要一套代码使页面适应不同的屏幕。响应式设计通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容; 响应......
  • CSS选择器相关知识
    昨日内容回顾前端与后端概念给用户展示数据及获取用户输入数据的界面即为前端。对数据进行处理及运算的界面即为后端。当使用浏览器作为前端时,需要前后端都遵循HTTP......
  • css 透明度
    .box3{width:200px;height:200px;background-color:yellowgreen;position:a......
  • 前端开发:2、CSS、表单标签补充说明
    前端开发之CSS目录前端开发之CSS一、表单标签补充说明二、CSS层叠样式表三、CSS选择器基本选择器CSS组合选择器分组嵌套属性选择器伪装选择器伪元素选择器四、选择器优......