Vue.js 如何设置具有插槽'；追加'；属性

我正在用Nuxt和Element UI构建web应用程序。 现在，我正在创建一个如下所示的搜索

我想使按钮的背景色为红色，然而，不知何故，搜索按钮的样式不起作用。（按钮内有一个房间）

我怎样才能修好它

这是我的密码

• 搜索框

搜寻

元素UI按钮具有

el按钮类，如果检查该元素，可以看到该类按钮

不建议更改追加/前置到
el input
的元素的背景色，因为如果更改按钮的背景色，它将失去追加“效果”，因此它只会显示一个按钮和保持在一起的输入。但是，如果您想这样做，尽管如此，请参阅
el按钮
class:

.el按钮{
背景：#f00；
}

附言：你可能需要用任何div来包装这个按钮，并参考div里面的buton


<template>
  <div>
    <el-input type="text">
      <el-button slot="append" style="background-color: red;">Search</el-button>
    </el-input>
  </div>
</template>