css基础 outline:none 取消input的 鼠标点击时蓝色的框框 效果

礼悟:
     公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
          虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。


               ide:visual studio 2017  
            browser:Chrome
                     os:win7

代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="author" content="https://www.cnblogs.com/jizuiku"/>
    <title></title>

</head>
<body>
    <input type="text"/>
    <input type="text" style="outline:none;"/>
</body>
</html>

效果



CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。

原文地址:https://www.cnblogs.com/jizuiku/p/8442082.html

时间: 2024-10-10 17:59:29

css基础 outline:none 取消input的 鼠标点击时蓝色的框框 效果的相关文章

基于jQuery鼠标点击弹出登陆框效果

基于jQuery鼠标点击弹出登陆框效果.这是一款扁平样式风格的jQuery弹出层登陆框特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <input type="button" class="one" value="点击我查看效果" /> <div class="box"> <div class="box2"> <div class=&quo

CTreeCtrl获得鼠标点击时的节点

原文链接: http://blog.csdn.net/lcalqf/article/details/21321923 1.添加图标 HICON icon[10]; icon[0]=AfxGetApp()->LoadIcon(IDI_ICON1); icon[1]=AfxGetApp()->LoadIcon(IDI_ICON5); m_imagelist.Create(16,16,ILC_COLOR32| ILC_MASK,7,7);//16*16的图标,7*7为该list最多能容纳的图标数.

css基础 cursor:default/pointer/move/text 鼠标样式

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome                     os:win7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

去掉鼠标点击时边框出现的颜色边框

before:        after : 样式中输入以下代码,即可解决该问题 outline: none; 适用于表单内的input(文本框).select(下拉菜单).textarea(文本区域)标签

CSS基础学习笔记

一. CSS介绍 1. CSS概述:CSS(Cascading Style Sheets)指层叠样式表,极大提高了工作效率. 2. 基础语法: 属性大于1个之后,属性之间用分号隔开 如果大于1个单词,则需要加上引号,如:p{font-family:"sans serif";}   CSS注释:以"/*"开始,以"*/"结束. 3. 高级语法 ① 选择器分组 h1,h2,h3,h4,h5,h6{color:red;} ② 继承: body{ col

CSS基础知识1

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式. 1. CSS 可以通过以下方式添加到HTML中:内联样式- 在HTML元素中使用"style" 属性内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS外部引用 - 使用外部 CSS 文件最好的方式是通过外部引用CSS文件. p{color:red;text-align:center;} 2. CSS注释以 "/*"

移动端----CSS基础设置

<html> <head> <meta charset="utf-8"> <title>移动端----CSS基础设置</title> <meta name="keyword" content="移动端----CSS基础设置"> <meta name="discription" content="移动端----CSS基础设置">

CSS基础入门D2

模块回顾 1.背景图片的设置 2.超链接伪类 一.背景图片的设置 1.整个页面的背景图片插入 在类标签body中直接插入,例如:body{background-image:url(../Day02-HTML/html/海贼王02.jpg);} 还可以调试它的效果,是否重复,是否随页面滚动,调动位置.例如: body{ background-image:url(../Day02-HTML/html/海贼王02.jpg); background-repeat:no-repeat; backgroun

css基础二

1,文本 文本颜色: <style> body {color:red;} /*为body的所有字体设置字体颜色为红色*/ h1 {color:#00ff00;} /*为h1元素设置字体颜色,这种表示方法是十六进制表示法*/ p.ex {color:rgb(0,0,255);} /*为所有class等于"ex"的p元素设置字体颜色为xxx,这是红绿蓝三原色表示法,另外css中,id用井号设置格式,class用英文句号*/ </style> 文本对齐方式: h1 {