首页 » CSS

关于 CSS 的文章共有3条

CSS去除input和textarea点击选中框

CSS去除input和textarea点击选中框

1、去除chrome等浏览器默认发光边框 input:focus, textarea:focus {     outline: none; } 这样textarea在选中的时候,文字会有点移动,解决方法: input:focus, textarea:focus {     outline: none; border: 1px solid #ccc;/*跟进textarea背景颜色来定*/ }   这样也可以解决更改选中时的颜色值,已达到给用户反馈的效果 2、去除IE10+浏览器文本框后面的小叉叉 input::-ms-clear {     display: none; }   3、禁止多行文本框textarea拖拽 textarea {     resize: none; } 这样就不能放大缩小   4、resize解析: 在这里要提到一个属性resize,这个是CSS3属性,用于元素缩放,它可以取以下几个值: none 默认值 both 允许水平方向及垂直方向缩放 horizontal 只允许水平方向缩放 vertical 只允许垂直方向缩放

评论(0) 2020-2-11
第一次打开网站点击任意跳转指定网址

第一次打开网站点击任意跳转指定网址

首先设置一个div层 以及css<div id="firstMask" style="display: none;"></div><style type="text/css">         html,body {             height: 100%;             position: relative;         }         #firstMask {             width: 100%;             height: 100%;             position: fixed;             display: none;             top: 0;  ...

评论(0) 2019-11-15
overflow:hidden 属性详细解释解决height为0

overflow:hidden 属性详细解释解决height为0

overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。我们下面来详细阐释一下。 <html> <head> <title></title> <style> .aBox{ background-color:blue; } .bBox{ background-color:yellow; float:left; height:400px; width:400px; } </style> </head> <body> <div class="aBox"> <div class="bBox"></div> </div> </body> </html>此处class为aBox的div高度没有被撑开,变为了0此处只对解决办法overflow:hidden作出详细说明。我们对父元素加上overflow:hidden属性我们发现class为aBox的div恢复了正常。解释:我们知道overflow:hidden这个属性的作用是隐藏溢出,若aBox的高度小于bBox,溢出的bBox高度会直接隐藏。是隐藏,并不是直接截除了。另外,我们发现,在上面实验中,使用了overflow属性后,aBox的高度自动的被bBox 这个div的高度值给撑开了。当aBox不使用overflow属性,bBox这个div又加上浮动这个属性的时候,在显示器的侧面,它已经脱离了aBox这个div,也就是说,此时的bBox的宽高是多少,对于已经脱离了的aBox来说,都是不起作用的。而当我们给aBox这个div加上overflow:hidden这个属性的时候,其中的bBox 等等带浮动属性的div对aBox的影响已经被清除了。这就是overflow:hidden这个属性清除浮动的准确含义。当我们没有给aBox这个div设置高度的时候,bBox这...

评论(4) 2019-10-19