border-radius属性失效

今天调试项目的时候突然发现，设置的border-radius竟然失效了，打开f12，眼看着浏览器把这个属性也给划掉了，不是一般的郁闷，按照道理来说，不应该会出现这样神奇的bug。

css代码：

#photo{
width: 80px;
height:80px;
border-radius:10px ;
}

解决办法：万能的!important;

在border-radius属性里面添加!important：

CSS中的!important一般都是用于对低版本的除了iE 6 ，用来做hack的，后面缀上了!important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上!importanrt可以覆盖父级的样式。

#photo{
width: 80px;
height:80px;
border-radius:40px !important;
}

完美解决：

原文作者：祈澈姑娘

欢迎关注【编程微刊】，回复“领取资源”,500G编程学习资源干货免费送。

border-radius属性失效相关推荐

如何使用CSS3 Border Radius属性
With CSS3, you can give any element "rounded corners" by using the border-radius property. ...
html自动播放视频不可用muted,html5_videoaudio的autoplay属性失效的解决方法
autoPlay属性失效的原因 chrome 66以上的版本为了避免多媒体标签产生随机噪音,规定了不为静音的标签不能自动播放,需手动触发开始播放,标签定义为静音(muted: true)才可以自动播放 ...
jsp在ie6中css的margin属性失效问题
今天写一个登录页面,其中输入用户名和密码的div我使用了margin:0 auto的css来使它居中.结果在chrome和firefox下面显示正常,在ie6下这个margin属性失效.查看了页面和c ...
微信小程序之解决background-image属性失效
在做微信小程序时,当遇到需要给某个组件加背景图片时,通常是使用 background-image 这个属性.在以往的网页程序中,直接在这个属性后面加上相对路径或绝对路径,便可以将背景图片显示出来.但是 ...
jQuery设置attr（）对样式属性失效的原因
jQuery设置attr()对样式属性失效的原因因为样式属性都是写在style里面,在原生js中,对样式属性的设置都是通过: 元素.style.样式属性=属性值来进行设置.所以在jquery中遵循了 ...
CSS的border边框属性边框样式内外边框圆角合集
CSS border 属性允许指定元素边框的样式.宽度和颜色. 目录 1.四个边框 2.内外边框 3.边框样式 4.圆角边框 1.border边框属性可以设置一到四个值(上边框,右边框,下边框,左边 ...
(1)定义一个Circle类，包含一个double型的radius属性代表圆的半径，一个 findArea()方法返回圆的面积。（2）定义一个类PassObject，在类中定义一个方法printA
(1)定义一个 Circle 类,包含一个 double 型的 radius 属性代表圆的半径,一个 findArea() 方法返回圆的面积. ( 2 )定义一个类 PassObject ,在类中 ...
ElementUI的el-card中，内部元素margin属性失效问题
问题: 在使用 el-card 时内部的分页组件超出了 el-card 的范围,而且 margin 属性失效,无法控制,很不好看: 解决方法: 给分页组件外层加一个 div,定位属性 position ...
el-tooltip disabled属性失效
el-tooltip disabled属性失效动态判定是否出现el-tooltip的时候出现了这么一个问题:点击第一次会出现效果,后面点击即使满足条件 !tag.name.length 也再也没有出 ...
a标签disabled属性失效
之前写JQuery项目时遇到了a标签disabled属性失效的情况,给a标签设置一个pointer-events: none可以解决,或者去掉disabled属性,动态添加forbid-click类也 ...

border-radius属性失效

border-radius属性失效相关推荐

最新文章

热门文章