Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止引导使字体加粗?_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 如何防止引导使字体加粗?

Javascript 如何防止引导使字体加粗?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,在这个简单的示例中,不包括引导链接,下面的代码按预期执行:将鼠标悬停在任何单词上会使该单词变为红色,将鼠标悬停在别处会使其变为黑色 在包含引导链接的情况下,红色/黑色的更改仍然可以正常工作,但由于某些原因,字体变为粗体并保持不变 有没有一种方法可以防止引导在离开时留下粗体字体 演示在将鼠标悬停后启用粗体: 注释掉或删除引导链接将导致所需的行为 <!DOCTYPE html> <html> <head> <link rel="stylesheet"

在这个简单的示例中,不包括引导链接,下面的代码按预期执行:将鼠标悬停在任何单词上会使该单词变为红色,将鼠标悬停在别处会使其变为黑色

在包含引导链接的情况下,红色/黑色的更改仍然可以正常工作,但由于某些原因,字体变为粗体并保持不变

有没有一种方法可以防止引导在离开时留下粗体字体

演示在将鼠标悬停后启用粗体:

注释掉或删除引导链接将导致所需的行为

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

    <script>
        $(document).ready (function () {
            $('.ztag')
            .hover (
                function () {
                    $(this).css({color: '#ff0000'})

                },
                function () {
                    $(this).css({color: '#000000'})
                }
            )
        }) 
    </script>
</head>
<body>
    <span class='ztag'>foo</span>
    <span class='ztag'>bar</span>
    <span class='ztag'>stuff</span>
</body>
</html>

$(文档).ready(函数(){
$(“.ztag”)
.悬停(
函数(){
$(this.css({color:'#ff0000'})
},
函数(){
$(this.css({color:'#000000'})
}
)
}) 
福
酒吧
东西

bootstrap使用的原始黑色是
#333
。您将其更改为
#000
,使其看起来更粗体

试试这个

$(document).ready (function () {
    $('.ztag')
    .hover (
        function () {
            $(this).css({color: '#ff0000'})
        },
        function () {
            $(this).css({color: '#333333'})
        }
    )
}) 

添加一个
font-weight
值,请参见:

这是需要重置的:焦点样式/cascade你能给我举个例子吗?@dandavis你是说这个吗。ztag:focus{font-weight:normal}如果是这样,那就不行了。就是这样!谢谢@aadarshsg!