问题标签 [border]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
37463 浏览

html - 表格单元格和边框在 IE/Chrome 和 Firefox/Opera 中显示不同

经过几个小时的挫折,我终于转向互联网寻求答案。想象一下这段极其简单的代码:

现在这看起来很简单,创建一个 100 像素宽和 100 像素高的表格单元格,边框为 6 像素。尽管看起来很简单,但它在不同的浏览器中看起来不同。在 IE8 和 google chrome 中,表格单元格为 112 x 112 像素(因此内部为 100 像素,外部为 6 像素)。在 Firefox 3 和 Opera 中,表格是 112 x 100 像素(因此由于某种原因,边框被添加到表格宽度而不是表格高度)。

说真的,什么给了?以及如何使每个浏览器上的渲染相同(在这种情况下,我不能使用 div 我需要使用表格)。

0 投票
1 回答
3686 浏览

css - 使用 CSS 边框的 CSS 轮廓

可悲的是,IE7 不支持 CSS 大纲,所以我被卡住了使用边框。但是为页面上的任何元素添加边框会占用空间并可能会移动页面。

如果我要添加一个 2px 的边框,那么我设置了一个 -2px 的边距,它仍然不是完美的,因为列表项向左移动,并且“margin:auto”真的很糟糕。

您可以在此处查看示例:

http://paul.slowgeek.com/nodeSelector/tests/simple.html

http://paul.slowgeek.com/nodeSelector/tests/center1.html

例如,如果一个页面有:

然后我做了:

页面现在将大 10 像素,p 元素将缩进 5 像素。但如果我这样做了:

在 firefox 3 中,页面将具有完全相同的高度,并且元素将位于相同的位置。我希望这种行为能够跨浏览器工作。

基本上,如何使用 CSS 边框来获得 CSS 轮廓的效果?

0 投票
1 回答
270 浏览

geometry - 仅在放大很多时,如何使用 UMN-Mapserver 显示几何图形的边框?

我有一个 UMN 的地图文件,它显示了一层矢量,每个几何图形都有不同的颜色,具体取决于它们的属性。这很好用。我还想在每个几何图形周围添加边框。这没问题,但是在显示完整区域的视图上,边界在图像中占主导地位,因为每个几何图形只有几个像素。所以我只想在指定的缩放级别显示边框。我可以根据缩放禁用或启用整个图层,但我不知道如何仅针对边框实现这一点。

0 投票
2 回答
2175 浏览

winforms - Windows 窗体面板边框的背景色

有没有办法改变BackColor面板或类似控件的边框?

当我将鼠标悬停在用户控件上时,我试图“突出显示”用户控件。

0 投票
2 回答
8695 浏览

java - 从 JComboBox 中删除边框

你知道有什么方法可以从 Java 中的 JComboBox 中删除边框吗?我尝试以下代码

不要问为什么有人要从组合框上删除边框......我想这没有太大意义,但这就是它想要的方式,我真的很好奇它是否可以完成。我尝试了几种技巧,但都没有奏效。

最有效的是用

这使边框消失,但改变了 L&F,如果可能的话,我需要保留 Windows L&F。

谢谢。

0 投票
3 回答
1124 浏览

c# - 悬停时跳转菜单

我有一个网络应用程序(ASP.NET 2.0 C#)。在我的 Masterpage 上,我有一个菜单控件,并且我使用 css 样式表来设置菜单不同部分的样式。出于某种原因,当我将鼠标悬停在菜单上时,它会跳动一点。我认为当我将鼠标悬停在它上面时,边界会变得更大。

这是整个菜单的样式:

这是我对 StaticHoverStyle 的风格:

我不知道为什么会这样,有人可以帮忙吗?

谢谢

0 投票
3 回答
2058 浏览

html - ie8中的弹出窗口闪烁

我们在 IE8 中发现了弹出窗口的奇怪行为。在 IE7 和 IE6 中,我们的弹出窗口如下所示:
alt text http://img145.imageshack.us/img145/2318/normall.gif
但在 IE8 中,它有奇怪的边框,“闪烁”了 5-6 次,看起来像这样:
alt text http://img16.imageshack.us/img16/4677/bugo.gif
用于显示此弹出窗口的代码:

我研究的内容:
1. 我曾尝试订阅 onpropertychanged 事件。但它不会在边框更改时触发,而如果我尝试从代码中更改此属性,它会正常工作。
2. 我写了一个简单的观察器,它每 100 毫秒查询一次弹出窗口并转储它的属性。这就是我发现有人将 body.style.borderStyle 设置为“inset”并在几秒钟后设置为开始(不是 styleName)的方式。
3. 审查了所有的 JavaScript 代码,没有发现任何关于 inset 或 outset 值的引用。我有 99% 的把握,这不是我们的代码更改了边界。也许这是某种 IE 安全策略作为对我们某些行为的反应。
任何想法——什么会导致 IE8 中弹出边框的这种变化?

PS 另外,我无法在我们的环境之外重现此问题。
受信任区域中的 PPS 站点
PPPS IE 模式是怪癖 PPPPS 同一页面上的某些弹出窗口工作正常,但我找不到它们之间可能导致这种行为的区别。

0 投票
3 回答
3330 浏览

css - 浮动时奇怪的div边框问题

我能否解释一下为什么这段代码会产生它的结果?如果可能的话,还有一种修复它/解决它的方法。

我不希望 div 'z' 和 'q' 越过右侧的“蓝色 div 边框”。

或者

我希望 div 'x' 与 'z' 和 'q' 一致,并且也可以越过蓝色的右边框。

0 投票
3 回答
26578 浏览

wpf - 如何将效果应用于边框但不应用于 WPF 中的内容?

我有一个 WPF 应用程序,它有一个带有边框的 3rd 方数据网格。我已经使用了DropShadowEffect在边框后面放置阴影,但这似乎会在一定程度上影响性能(几乎没有 a 影响BitmapEffect,但仍然很明显)并使字体渲染变得模糊。有没有办法以某种方式将效果应用于边框,而不是其内容?

我尝试将内容上的效果设置为{x:Null},但这没有帮助。

这是我想出的示例应用程序。它在边框后面加上一个阴影,但它也在每一行文本后面加上一个阴影。我想要边框后面的阴影,而不是文字。

0 投票
4 回答
11509 浏览

css - 如何强制css边框显示在分层页面上?

我正在尝试在 html 中编写 Box 和 Whiskers 图形。问题是,我在 div 周围有边框(如在 Box 中),但是当覆盖包含带状彩色图像的前一层时,这些边框会消失。如果可以避免的话,首选是不要在此处使用背景图像(或颜色)。

html是:

而CSS是:

请注意 div.graphBoxes 的 css 中 -250px 的边距顶部。随着它的减少,您会看到 Box 周围的边框从上一层向外窥视时出现。

在这种情况下是否可以显示边界?谢谢...