html按钮怎样设置样式

Question

给按钮添加了个css按钮就不能按了，怎么解决这个问题
这个是html里面的代码

<div class="ssk">
        <input class="wss" type="text" placeholder="内容" autocomplete="on">
        <button type="button" class="wss1">搜索</button>
</div>

这个是css里面的

.ssk{
    margin: 0px;
    padding: 0px;
    width: 260px;
    height: 55px;
    display: flex;
    z-index: 12;
    
}
.wss{
    width: 0px;
    height: 53px;
    color: rgba(38,38,38,0.00);
    background: rgba(250,250,250,1.00);
    text-align: center;
    outline: none;
    border: 0px rgba(230,230,230,0.00) solid;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: 0.5s;
}
.wss1{
    width: 55px;
    height: 55px;
    text-align: center;
    background: rgba(240,240,240,1.00);
    border: 2px rgba(230,230,230,1.00) solid;
    border-radius: 20px;
    
}
.wss,.wss1,.ssk{
    font-size: 12px;
    font-family: 宋体;
    color: #262626; 
}
.ssk:hover .wss{
    width: 200px;
    height: 53px;
    color: rgba(38,38,38,1.00);
    background: rgba(240,240,240,1.00);
    border: 0px rgba(230,230,230,0.80) solid;
}
.ssk:hover .wss1{
    width: 55px;
    height: 55px;
    border: 0px rgba(230,230,230,0.80) solid;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

Answer 1

你好 并不是不能点击 是你没写点击的样式 所有他没发生变化
css添加以下代码

```css
    /* 点击按钮 */
    .wss1:active {
      width: 55px;
      height: 55px;
      background: rgba(208, 75, 75, 0.8);
      border: 0px rgba(208, 75, 75, 0.8) solid;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }

```