0

有没有办法在页面加载时使用这样的 css 属性格式化页面中的所有标签？

border:1px #000000;

此外，在任何 DIV 悬停时，边框应更改为：

border : 1px #00800;

我希望这两个属性，常规 CSS 和悬停 CSS 都动态应用于页面加载。

4

7 回答 7

2

你不需要 JavaScript。只需将以下行添加到您的 CSS 中：

DIV {border: 1px #000; }
DIV:hover {border-color: #008000; }

此外，在实践中，页面上的所有 元素不太可能DIV都需要这种样式，因此最好使用类选择器而不是标记名称选择器，并将该类仅用于真正需要这些样式的元素：

.example {border: 1px #000; }
.example:hover {border-color: #008000; }

<div class="example">
    ...
</div>
于 2013-01-22T06:44:49.750 回答
1

此代码段可能有效：

$(document).ready(function()//When the dom is ready or just add it if you already have a .ready function
{
  $("#div").css("border","1px #000000");
  $('#div').mouseover(function (e) {
   $("#div").css("border","1px #00800");
  });
});
于 2013-01-22T06:48:47.757 回答
0

在页面加载时调用 javascript 方法并在那里应用这些 css 属性。

于 2013-01-22T06:36:13.333 回答
0

您可以为 ondevice 就绪事件实现一个侦听器：

// listen to the device ready event.
document.addEventListener( "deviceready", OnDeviceReady, false );

然后在 OnDeviceReady 函数中你可以做它的 js 部分

function OnDeviceReady()
{
    elements.style.border = '1px solid red';
}

希望有帮助

于 2013-01-22T06:39:15.377 回答
0

在 document.ready 中添加：

 $("*").css("border","1px #000000");

以上是css

悬停

  $('#div').mouseover(function (e) {
    $("#div").css("border","1px #00800");
  });
于 2013-01-22T06:39:18.567 回答
0

试试这个：

$(document).ready(function() {
    // all html element
    $('*').css('border', '1px #000000');

    // hover div
    $('div').hover(function() {
        $(this).css('border', '1px #00800');
    }, function() {
        $(this).css('border', '1px #000000');
    });
});
于 2013-01-22T06:48:29.940 回答
0

使用 onload 在正文中调用 javascript 函数。然后在 func 中，您可以轻松地为所有必填字段提供 css

于 2013-01-22T06:58:38.337 回答