无法使用CSS更改按钮的属性

时间:2018-03-04 14:15:26

标签: html css

这是我的index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="javascript.js" type="text/javascript" charset="utf-8" async defer></script>
    <meta charset="UTF-8">
    <title>Random quotes machine</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body onload="startTime()">
    <div id="timer"></div>
    <div id="quotesGoHere">
        <!--Quotes will be displayed here-->
    </div>
    <button type="button" id="buttonAtt" onclick="newQuote()">New Quote</button>
</body>
</html>

这是我的按钮属性。还有更多,但我把它剪掉了。

#buttonAtt {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:transparent;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:2px solid #ffffff;
    display:inline-block;

但是我的按钮的属性保持默认,它不会改变任何东西。你们能教我吗?

2 个答案:

答案 0 :(得分:0)

我找到了一个解决方案,但它没有意义。我在旧的CSS属性上面放了一个空的CSS属性:

#buttonAtt{}

它运作良好,不知道为什么......

答案 1 :(得分:-2)

我道歉我读错了。只需为你的盒子阴影添加颜色

&#13;
&#13;
<!DOCTYPE html>
<html lang="en">
<head>
    <script src="javascript.js" type="text/javascript" charset="utf-8" async defer></script>
    <meta charset="UTF-8">
    <title>Random quotes machine</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body onload="startTime()">
    <div id="timer"></div>
    <div id="quotesGoHere">
        <!--Quotes will be displayed here-->
    </div>
    <button type="button" id="buttonAtt" onclick="newQuote()">New Quote</button>
</body>
</html>
&#13;
C:\xampp\htdocs\blog\storage\app\public\images\15201710351.jpg
&#13;
&#13;
&#13;