草庐IT

border-bottom

全部标签

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

html - border-radius 在 safari 下失败(丑陋的剪裁)

有人知道在Safari中出现“错误”的解决方法吗?当我使用border-radius在CSS3中创建圆Angular边框时,它在Safari、FF等平台上运行良好。但是当border-color是背景颜色时,您可以看到容器背景与边框重叠。您可以在这里尝试:http://de.roundedcorner.org/css3-rounded-corner-generator只需将边框颜色和网站背景设置为#333333感谢您的帮助! 最佳答案 这很可能是由于背景剪切。以下应该更正。-moz-background-clip:padding;-

html - CSS 过渡 : Border Slides Instead of Fading

我设计了一个链接,当你悬停它时,顶部会出现一个边框;当您将鼠标悬停在边界外时,边界将随着过渡消失。当您将鼠标悬停在边框上然后关闭时,边框会滑入而不是淡入。我希望边框淡入而不是滑动。我怎样才能做到这一点?这是一个JsFiddleHTMLTextCSSdiv{line-height:50px;width:100px;text-align:center;cursor:pointer;transition:border.2sease-in-out;-webkit-transition:border.2sease-in-out;-moz-transition:border.2sease-in-o

html - 在 Twitter Bootstrap 中更改 .table-bordered 的线条颜色

我正在使用twitterbootstrap设计一些表格,并使用.table.table-bordered类。默认边框颜色为灰色,这适用于我的所有表格,只有一张除外。对于一张表,我想将此边框颜色更改为黑色,并尽可能使线条更粗。我用得更少了。我研究了它并找到了我可以自定义的@tableBorder变量,但更改它会改变所有表格的颜色。我试着给表格一个类并将其放入css文件中:.differentTable{@tableBorder:black;}...但这似乎并没有改变任何东西(不知道为什么)。如有任何帮助,我们将不胜感激。 最佳答案 @

html - 在桌面上 Bootstrap navbar-fixed-bottom,在移动设备上 Bootstrap navbar-static-top?

有没有办法让Bootstrap导航栏在移动设备上保持navbar-fixed-bottom,在桌面上保持navbar-static-top?我正在考虑创建两个导航栏并隐藏一个并显示另一个,但我不确定这是否合适;在相关说明中,可以使用两个具有相同角色的导航元素吗? 最佳答案 您还可以通过使用javascriptjquery根据屏幕宽度添加和删除导航栏的类来执行此操作。if($(window).width()>330){$('.navbar').addClass('navbar-static-top');}else{$('.navbar

html - 使用比元素尺寸大得多的 CSS border-radius

使用比元素尺寸大得多的border-radius有什么问题吗?例如,如果我想创建一个.circle类,如下所示:.circle{-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;}所以现在我可以将这个类应用于任何元素以使其成为一个圆圈,如下所示:我知道到目前为止我还没有遇到任何问题,但我是否只是在为以后遇到更多问题做准备? 最佳答案 这里完全没有问题。您可以在任何您喜欢的地方自由申请该类(class),真的没有问题。小于(高度或宽度