Css-note:修改input文本框边框焦点样式笔记

大家好，我是Yangrl.
记录一个note：

刚才做作业，就觉得浏览器中鼠标点击input，默认样式不合口味，又不想js / jq，所以改吧（Let’s do it.）

//:focus选择器,选择获得焦点的输入字段，并设置其样式：
input:focus
{border: 2px solid #333;
}

黑白极简风阔以撒哈哈哈哈哈哈哈（好吧我审美也有待提高），但是浏览器之间也有差别，Google浏览器默认有蓝色边框焦点，那也去掉吧

//加上去除轮廓：outline
input:focus
{border: 2px solid #333;outline: none;/*去掉默认input焦点边框*/
}

“人最重要的就是要relax.”

Css-note:修改input文本框边框焦点样式笔记相关推荐

php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS简单获取并修改in ...
input 文本框边框颜色在火狐,谷歌浏览器下的去除方法
outline:none; //针对谷歌 box-shadow: none; //针对火狐浏览器
css合并两个文本框,css实现input文本框的双边框美化
css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...
HTML、css——设置文本框中的默认字体颜色和点击输入的文本字体颜色不一致；并且点击文本框，文本框边框消失；输入内容时，默认字体消失。
html代码: 功能:点击输入的文本字体颜色的设置,并且输入内容时,文本框里的默认字消失. <input type="text" placeholder="手机号. ...
html input文本框样式,css设置input文本框样式代码实例_html/css_WEB-ITnose
css设置input文本框样式代码实例: 使用css设置input元素的样式是最为常用的操作之一,当然也是最为基础的操作,可能对于刚刚接触css的朋友还不够熟悉,下面就通过一段简单的代码历史演示一下如 ...
input得到焦点显示文本框,失去焦点隐藏文本框
上一篇 : input 输入的内容时更改input的宽度此篇是上一篇的延伸功能 input得到焦点显示文本框,失去焦点隐藏文本框思路 : 1 创建一个文本标签font和输入标签input,页面加载 ...
css实现input文本框与图片行内水平居中对齐
css实现input文本框与图片行内水平居中对齐如图输入框与图片不对齐 css样式添加 input,img {vertical-align:middle;}
html文本框边框变色,怎么使用CSS设置文本框的边框
如何使用CSS设置文本框的边框: 默认的文本框边框一般是不会满足实际的需求,所以需要人为的对边框进行设置,下面就来介绍一下如何设置文本框的边框. 代码实例: 蚂蚁部落 .mytest{ border: ...
html css文本框边框样式,HTML 学习笔记 CSS样式（边框）
元素的边框(border)是围绕元素内容和内边距的一条或多条线 CSS border 属性允许你规定边框的样式宽度和颜色 CSS 边框在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使 ...

Css-note:修改input文本框边框焦点样式笔记

Css-note:修改input文本框边框焦点样式笔记

Css-note:修改input文本框边框焦点样式笔记相关推荐

最新文章

热门文章