草庐IT

border-right

全部标签

html - 纯 CSS 选择菜单/下拉菜单 : How to make custom right arrow?

我根据此处的解决方案使用自定义选择/下拉菜单:https://stackoverflow.com/a/10190884/1318135这个功能很好,只是右边的“箭头”看起来不太好。我希望它更宽一些,外观类似于本网站上的向上/向下投票箭头(向左看)。已尝试以下操作,打开使用这些或其他选项中的任何一个的解决方案:-将图像集成到HTML中(无法使其显示在前景v.下拉列表中)-为字符定位一个带有更宽箭头的字体(找不到)-在CSS中设置背景图像属性(改为显示默认的向下箭头)http://jsfiddle.net/XxkSC/553/HTML:SushiBluecheesewithcrackers

javascript - CSS/JavaScript : How to draw minimal border around an inline element?

考虑以下HTML:Thisisapotentiallylargeparagraphoftext,whichmaygetwrappedontoseverallineswhendisplayedinthebrowser.Iwouldliketobeabletodrawaminimalboxroundthespan我想在跨度周围绘制一个最小边框。即:如果span在单行上渲染,border相当于设置了一个css样式的border:1pxsolidblack;如果跨度呈现在多行上,则边框绘制在跨度的最外边缘周围,而不是跨度之间。这相当于在span上设置CSS背景颜色,并在突出显示区域的边缘绘制线

html - 为什么 border-color 不传播到子元素?

我有一个我正在构建的网站,它具有深度嵌套的div,并使用用户可选择的主题。我的问题是......为什么border-color不传播到子元素?我已经在处理DOM样式表了,所以添加一个循环来更新边框颜色不会有什么困难。然而我很好奇为什么标准(Linux中的Firefox和Chrome)边框颜色不从父级继承,而是默认为文本颜色,而边框样式仍然不会默认为纯色?这种行为背后有什么智慧吗?我不是想变得狡猾。我真的很好奇为什么这似乎是“设计使然”。在撰写本文时,我意识到最简单、最灵活的解决方案是将我的元素定义为class="classnameborder",然后更新边框类以反射(reflect)正

html - 您可以将图像分配给 border-right 吗?

我正在用html和css制作一个导航菜单,但我希望每个导航项的右边框是一个图像。我试过了border-right:url(image.jpg);但这没有用。我该怎么做? 最佳答案 您可以使用背景图像,然后将背景图像放置在每个元素的右侧。通常这会出现在a标签或li上。例如:#primaryNava:link{background-image:url('image.jpg');background-position:right;background-repeat:no-repeat;display:block;/*makethelink

css - Bootstrap 中不能出现 "pull-right"图标字形

我想在下拉菜单中拉出右图标字形,如下所示Dropdown2-levelDropdownActionAnotheractionSomethingelsehereAnotheractionOnemoreseparatedlink但是当我在FireFox(Chrome和IE都可以)上运行这段代码时,“icon-arrow-right”和“2-levelDropdown”不是同一行。我该如何解决?FullcodeonJSFIDDLE 最佳答案 2-levelDropdownjsfiddle 关于

html - Bootstrap pull-right 无法按预期工作

此处使用Bootstrap3的简单问题。我想创建一种小型过滤器来重新加载其下方的页面。我的要求是将此过滤器(两个输入和一个小按钮)与其下方的内容对齐,使其落在可能的最右位置。我尝试使用pull-right类,确实它向右拉过滤器,但仍有更多空间需要填充。如果您检查我在下面提供的示例,您会看到我的目标是将按钮与紫色行的右侧对齐,但它失败了。我真的不明白为什么会发生这种情况,但我认为它与行的一些边距/填充问题有关。我正在寻找一个解释为什么会发生这种情况的答案,这样我就可以理解问题并且不会'不要再处理它了:)。你可以查看我的标记byclickinghereonbootply另外,我会在这里发布

html - 将边框应用于 tfoot 的 CSS 选项?使用 "border-top"设计 tfoot 不起作用

当我将CSS边框属性应用于tfoot时,边框不呈现(border-top、border-bottom、border等,没有渲染边框)有哪些选项可以在tfoot或tbody上呈现边框?是否支持将边框应用于tbody或tfoot?下面的CSS+HTML示例,在Chrome18、Firefox9或IE9中不呈现边框。table.sampletfoot{border-top:2pxsolidblack;}DateDataXDataYDataZAverage:100Feb12233344Feb2667788 最佳答案 添加table{bord

html - <table style ="border-collapse:collapse"> 部分右边框被截断(附截图)

我是一名网络开发新手(很明显)。当我第一次注意到这个问题时,我认为这可能是我正在处理的网站的一些古怪之处。从那时起,我在其他几个网站上工作并注意到了同样的事情。当我使用CSS属性“border-collapse:collapse”对HTML表格进行样式化时,有时在我加载页面时最右边的边框会被切断(在FF和IE中)。奇怪的是,当我上下滚动时,它偶尔会自行修复而无需重新加载页面。它通常发生在表格的右下角,如第二个屏幕截图所示。screenshot1screenshot2这是我的HTML/CSS:...什么给了?有任何想法吗?感谢您付出时间和精力! 最佳答案

html - Angular 2 : change border color for error in form validation

尝试更改错误消息的边框颜色。这是我的html代码Name:Nameisrequired.Invalidname.当前显示错误消息,但我想将文本框边框颜色更改为红色。如何做到这一点。 最佳答案 这是另一种解决方案。input.ng-invalid.ng-touched{border:1pxsolidred;}如果您检查输入字段,您会看到Angular动态附加到您可以利用的元素的一些css类。 关于html-Angular2:changebordercolorforerrorinformva

HTML/CSS : how to put text both right and left aligned in a paragraph

最好的代码是在一个段落中有两位文本,一位左对齐,另一位右对齐,这也是:尽可能少的代码客户端最容易呈现(即使用最少的资源)我添加最后一个以确保会被排除在外。与几个样式正确的相比,这不仅是代码的野兽。,或的,如果您知道HTML呈现引擎必须加载和计算什么以决定单元格大小,甚至在它开始在单元格中绘制文本之前,它也是一个野兽......如果您不确定我的意思,这里有一个示例:页面页脚左对齐当前登录用户的名称,并在同一行右对齐当前日期和时间和/或网站版本。 最佳答案 尽可能少的标记(您只需要一个跨度):Thistextisleft.Thistex