问题标签 [border]

默认情况下，ASP.NET 中的列表框具有 3D 边框效果。我需要将其更改为纯色、1 像素、某种颜色。这可以使用css完成吗？

谢谢， 阿图尔

我发现我必须使用以下样式来为我的右边框指定样式：

当我尝试像这样将这些信息合并到我的边框元素中时，它不起作用：

假设我的语法是错误的，有没有办法只使用边框元素来指定正确的边框样式？

我有一个 id 为“gallery”的 div，我想为其中的图像设置样式。具体来说，我想给每个图像一个 1px 的纯黄色边框，除了底部，因为它们彼此重叠，所以我不想将底部的边框加倍。

我感到困惑的是如何在不同的边框样式元素之间进行选择：边框、边框样式、边框宽度。我试过这个：

我设法用上面的这个 css 得到了一个黄色边框，但边框看起来更像是一个 2px 的边框——它很厚——而且，除此之外，我使用的语法看起来不是很优雅。

关于如何更简洁/优雅地做到这一点的任何建议？

出于某种原因，如果您为文本框提供背景图像，大多数现代浏览器将停止将其默认输入边框样式应用于文本框。相反，你会得到那种丑陋的插图风格。据我所知，也没有 CSS 方法可以应用默认浏览器样式。

IE 8 没有这个问题。Chrome 2 和 Firefox 3.5 可以，我假设其他浏览器也是如此。从我在网上阅读的内容来看，IE 7 也有同样的问题，但那篇文章没有解决方案。

这是一个例子：

在 Chrome 2 中，它看起来像这样：http ://www.screencast.com/users/jadeonly/folders/Snagit/media/d4ee9819-c92a-4bc2-b84e-e3a4ed6843b6

在 Firefox 3.5 中：http ://www.screencast.com/users/jadeonly/folders/Snagit/media/d70dd690-9273-45fb-9893-14b38202ddcc

更新：JS 解决方案：我仍然希望找到一个纯 CSS-on-the-input 解决方案，但这是我现在要使用的解决方法。请注意，这是从我的应用程序中直接粘贴的，因此不是像上面那样好的独立示例。我刚刚从我的大型网络应用程序中包含了相关部分。你应该能够得到这个想法。HTML 是带有“链接”类的输入。大的垂直背景位置是因为它是一个精灵。在 IE6、IE7、IE8、FF2、FF3.5、Opera 9.6、Opera 10、Chrome 2、Safari 4 中测试。我仍然需要在某些浏览器中调整几个像素的背景位置：

JS：

CSS：

更新：CSS 足够接近 解决方案：根据 kRON 的建议，这里的 CSS 可以使输入与 Vista 中的 FF 和 IE 匹配，如果您决定放弃纯默认设置并强制使用一种样式，这是一个不错的选择。我稍微修改了他并添加了“蓝色”效果：

CSS：

我有一个由 4 个“互锁”div 组成的布局，如下所示：

我想在“顶部”和“底部”位周围放置边框，以使最终布局看起来像：

（两个div相遇的地方应该是光滑的边框，看起来像一个统一的形状）

我应该如何在 CSS 中正确执行此操作？

我想将表格的边框设置为“1px 纯黑色”，除了底部，我想使用提供指向链接的指针的图像作为视觉辅助。

当其他边框是常规css时，是否可以将图像设置为底部边框。

我想覆盖 WPF 中的默认文本框边框。我有适用于所有文本框的这种风格。

我添加SnapsToDevicePixels="True"了在液晶显示器上正确显示边框。

但是，每个 TextBox 似乎都不同。一些边框丢失，或灰色.. 有谁知道为什么？

正如您从下面的示例中看到的那样，我有黑色背景和红色链接，以强调点击链接时出现虚线边框的问题。我添加了border-style:none，但它似乎没有任何效果。是否有其他方法可以删除单击链接时出现在链接周围的虚线边框？

我在我的黑莓程序中使用了 BasicEditField，BasicEditField 不显示任何边框。所以我想自定义 BasicEditField 以显示边框。请提供一些代码片段。

我的网页有一个宽度为 0 的 div，它的左右边框各为 1px 宽度。

在 Firefox 中，当我给出以下代码时，它包含 50px 宽度的 div，但在 IE7 中它恰好是 48px 宽。

谁能帮我解决这个问题？

提前致谢。