HTML文本框聚焦边框颜色如何不改变

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <title>文本框颜色如何不改变</title>
   </head>
   <style type="text/css">
       input{
           width: 300px;
           height: 45px;
           margin: 0 auto;
           margin-top: 120px;
           display: block;
           border: 2px solid #2ECC71;
       }
       input{
           outline: none;
       }
       /* 直接设置成outline:none，就不会出现那种轮廓变黑，影响美观的情况，也可以自行设置轮廓颜色格式 */
   </style>
   <body>
       <input type="text" placeholder="不变色"/>
       
       
       
   </body>
</html>

HTML文本框聚焦边框颜色如何不改变相关推荐

css3-13 如何改变文本框的轮廓颜色
css3-13 如何改变文本框的轮廓颜色一.总结一句话总结:outline使用和border很像,几乎一模一样,多了一个offset属性 1.轮廓outline如何使用? 使用和border很像, ...
html select滚动条样式修改,如何定义Select下拉框的边框颜色和滚动条样式
如何定义Select下拉框的边框颜色和滚动条样式 (2012-11-07 15:00:25) 标签: 定义select下拉框 select定义css不显示杂谈如何定义Select下拉框的边框颜色和 ...
html文本框边框变色,怎么使用CSS设置文本框的边框
如何使用CSS设置文本框的边框: 默认的文本框边框一般是不会满足实际的需求,所以需要人为的对边框进行设置,下面就来介绍一下如何设置文本框的边框. 代码实例: 蚂蚁部落 .mytest{ border: ...
文本框：边框变色——百度-登录界面
案例:百度-登录界面 1.元件准备 2.设置文本框变色,当焦点进入输入框时,输入框边框变为蓝色:失去焦点时,恢复灰色. 步骤手机/邮箱/用户名框 ①拖入1个矩形框,并命名为Border01 ②设置矩 ...
word文本框线形怎么设置_Word2010怎么设置文本框样式和颜色
在Word2010文档中,用户可以根据文档需要为文本框设置纯颜色填充.渐变颜色填充.图片填充或纹理填充,使文本框更具表现力.在Word2010文档中设置文本框填充效果,不懂的朋友会请多多学习哦. Wo ...
html 改变文本框字体颜色,CSS更改文本框的字体颜色
我已搜索和搜索,但不能很好地得到这个权利.我在我的网站上有一个文本框,在我的CSS/HTML中,我将它定义为一个类,就像其他任何东西一样,并给它一个背景图像没有问题.我决定我需要改变字体颜色,但不管我 ...
html表格输入框怎么左移动,当我向CSS中的文本框添加边框时，HTML表单输入会移动...
我想在登录表单上的输入字段中添加边框,但是当我添加边框时:1px纯黑色;到#登录表单输入,然后所有的文本框移出位置.当我向CSS中的文本框添加边框时,HTML表单输入会移动当用户输入不正确的凭据到表 ...
wps表格中文本框的边框怎么去掉？
在WPS中进行表格编辑时,有时候需要去除文本框的边框,让整个文档看起来更加协调,也更加美观.具体要如何操作呢?下面小编就来教教大家怎么把WPS表格中文本框的边框去掉. 怎么把wps表格中文本框的边框去 ...
speedoffice表格如何去除文本框的边框？
在Excel中有时我们插入的文本框需要去掉边框,那么,该如何设置呢?今天就用极速办公产品来教教大家. 1.首先,鼠标点击顶端的"插入"选项,找到"文本框"图标, ...

HTML文本框聚焦边框颜色如何不改变

HTML文本框聚焦边框颜色如何不改变相关推荐

最新文章

热门文章