草庐IT

Border-Radius

全部标签

html - 为什么 border-radius 在 MobileSafari 中的文本输入上不能正常工作?

这是一个引用HTML文档:body{background-color:#000;}input{-webkit-border-radius:20px;}border-radius在基于Safari/WebKit的桌面浏览器上呈现良好,但在“MobileSafari”变体,即iPhone和iPad浏览器上,它呈现这个奇怪的框,这破坏了当输入显示在不同颜色的背景上时出现圆Angular错觉。 最佳答案 我设法通过减小边界半径来解决这个问题。该错误似乎只在边框半径大于元素高度的一半时才会出现。所以如果-webkit-border-radiu

html - IE11 - border-radius 和 box-shadow 一起导致问题

遵循我的代码:div{display:block;width:500px;height:200px;border:1pxsolidblack;border-radius:5px;transition:box-shadow1s;}div:hover{box-shadow:25px25px0px#000;}Test它可以在Chrome、Safari和Firefox上运行,但在InternetExplorer11上运行不佳,当div不再聚焦时会出现明显的视觉问题。如何解决?JSFiddle:https://jsfiddle.net/aL0t8g21/ 最佳答案

html - 为什么 border-radius 不完善实际的边框样式?

这在Chrome、FF和IE10中进行了测试,它们的行为方式相同,所以我认为这不是错误,而是我做错了/不知道的事情。这是我看到的:这是CSS:table#calendarTable{border:2pxinset#888;width:100%;margin:auto;background-color:#61915f;border-collapse:collapse;text-align:center;border-radius:25px25px25px25px;-moz-border-radius:25px25px25px25px;-ms-border-radius:25px25px2

Android 线性布局 : Add border with shadow around a LinearLayout

我想创建与示例相同的此LinearLayout的边框:在这个例子中,我们可以看到linearLayout周围的边框并不相同。如何使用XML可绘制文件创建它?目前,我只能像这样在LinearLayout周围创建一个简单的边框: 最佳答案 试试这个.. 关于Android线性布局:AddborderwithshadowaroundaLinearLayout,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/

Android 线性布局 : Add border with shadow around a LinearLayout

我想创建与示例相同的此LinearLayout的边框:在这个例子中,我们可以看到linearLayout周围的边框并不相同。如何使用XML可绘制文件创建它?目前,我只能像这样在LinearLayout周围创建一个简单的边框: 最佳答案 试试这个.. 关于Android线性布局:AddborderwithshadowaroundaLinearLayout,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/

html - 用 border-radius 和 translate3d overflow hidden

当带有overflow:hidden;和border-radius的block内容平移时,它的Angular不会隐藏。有解决办法吗?HTMLCSS.scroller{width:300px;height:500px;border:3pxsolidred;border-radius:30px;overflow:hidden;}.scroller-content{width:300px;height:300px;background:green;-webkit-transform:translate3d(0,-8px,0);}http://jsfiddle.net/aZ5Qn/

html - Safari 浏览器中的输入字段 : border + uppercase text

正如标题所说,以下代码的输出在safari浏览器上没有显示:1)Borderofinputtype-searchnotshowing2)text-transform:uppercasedoesn'twork.其余浏览器显示准确的输出。请参阅下面的图片。FiddleHTML:SearchCSS:.searchLob{position:relative;display:inline-block;}.searchInput{position:relative;border:2pxsolid#d2d4d8;height:44px;padding:010px;background-color:#

html - 设置边框样式 :none; on my anchor tags but border shows up when I click on a link - why?

正如您从下面的示例中看到的那样,我有一个黑色背景和红色链接,以强调单击链接时在我的链接上显示虚线边框的问题。我加了border-style:none但是好像没有什么效果。有没有其他方法可以消除单击链接时出现在链接周围的虚线边框?UntitledDocumenthtml,body{height:100%;margin:0;padding:0;font-weight:normal;font-size:12pt;font-family:Verdana,Arial,Helvetica,serif,sans-serif;background:black;}#linksouter{margin:0

html - 我可以使用 CSS border-radius 属性制作椭圆吗?

我正在尝试制作一个矩形图像(头像)width:200px;height:280px;显示为椭圆。我似乎无法阻止它试图在顶部和底部形成一个圆圈,或者在顶部和底部形成点,而两侧仍然是平坦的。感谢任何帮助! 最佳答案 根据thespecification,各个border-radius属性接受第二个值,如果未指定,则默认为第一个值。3.3The'border-radius'propertiesThetwolengthvaluesofthe'border-radius'propertiesdefinetheradiiofaquarterel

html - Bootstrap 4 : customize checkbox border

我正在尝试自定义复选框的颜色。我按照文档进行操作,想出了一种更改背景的方法:.custom-control-input:checked~.custom-control-indicator{background-color:#ffa500;}如果您单击该复选框,还会有一个蓝色边框(我认为)框本身周围有一个填充,但即使进行了一些研究,我也无法找到如何更改该边框的颜色。任何人都可以帮助我吗?我做了一个fiddle展示我所拥有的。有人知道如何更改该边框吗?提前致谢! 最佳答案 Bootstrap4使用box-shadow来获得这种效果:.c