Question

我一直在研究如何将用户代理样式表应用于div。

这可能吗？

具体来说，我想将输入的用户代理样式表应用于我的一个Web应用程序中的div。

Answer 1

我不相信有一种方法可以让一个元素轻松地继承另一个元素的样式。您可以尝试循环输入的computedStyle并将其应用于div，但这可能比您想要的更多（即它可能也会拾取它的大小和形状）。它也不是特别优雅：

https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedStyle

你可能做的一件事就是在div中放置一个绝对位置的输入，然后将它设置为div的全高和宽度，这样它就会延伸到它。然后禁用它，但将背景颜色设置为白色。或者，在其顶部放置另一个div以防止点击它并将其从标签顺序中取出：

JSFiddle：http://jsfiddle.net/p040gdos/

<强> HTML

<div id="container">
    <input id="backgroundInput" tabindex="-1" />
    <div id="cover">content goes here</div>
</div>

<强> CSS

#container {
    height: 100px;
    width: 100px;
    position: relative;
}

#backgroundInput {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

#cover {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

将用户代理样式表应用于div？

1 个答案: