如何修复中途工作的CSS类？

Question

我有一个CSS类可以正常工作，也就是说，它没有看到background-color和text-decoration，但是其余的人都看到了。

这是我的CSS课：

btn-group button {
  background-color: "#77DD77";
  text-decoration: "line-through";
  border: 1px solid green; /* Green border */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  width: 50%; /* Set a width if needed */
  display: block; /* Make the buttons appear below each other */
}

这是我的html：

 <div class="btn-group">
     <ul>
          <todo-item
          v-if="item.clicked==true"
          v-for="item in groceryList"
          v-bind:todo="item"
          v-bind:key="item.id"
          ></todo-item>
     </ul>
 </div>

Answer 1

尝试一下：

.btn-group button {
  background-color: #77DD77;
  text-decoration: line-through;
  border: 1px solid green; /* Green border */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  width: 50%; /* Set a width if needed */
  display: block; /* Make the buttons appear below each other */
}