Question

我正在尝试做CSS中最基本的东西之一。我的一个按钮的悬停状态，但由于某种原因，它没有做任何事情！发生了什么事？

任务信息

chuckNorris = Uncliente {
    nombre = "Chuck",
    resistencia = 1000,
    bebidas = [soda 1,2..],
    amigos = [ana]

我的CSS：

<label>Your Note:</label><br/>
        <input type="text" id="noteTitle" placeholder="Note Title..."><br/>
        <textarea id="note" placeholder="Add Content..."></textarea> <br/>
      <button onclick="createNote()" class="btnStyle">Create Task</button>



<br/> <br/>
<label>Note Id:</label><br/>
    <input type="text" id="noteId" placeholder="Type Note Id..."> <br/>
<div class="align"><button onclick="deleteNote()" class="btnStyle">Delete Task</button></div>

    <div id="noteTitlesId"></div>

        <div class="align"><button onclick="getNoteTitles()" class="btnStyle">Get Task Titles</button></div>
        <div class="align"> <button onclick="updateNote()" class="btnStyle">Update note</button></div>

        </div>

Answer 1

不要在 .btnStyle：hover 之间留出空格，删除一个空格，代码如下：

.btnStyle:hover {
}

悬停状态不起作用的CSS

1 个答案: