CSSbutton在设置border=0后无法点击如何处理

Question

学习CSS过程中将按钮设置border属性后按钮无法点击

.search button {
    float: left;
    width: 50px;
    height: 42px;
    background-color: blue;
    /* 按钮默认有个边框需要我们手动去掉 */
    border: none;
    background: url(images/search.png);
}

        <div class="search">
            <input type="text" value="输入关键词">
            <button></button>
        </div>

结果无法点击button按钮

删除border=0即可，但是无法去除边框

既去除边框又保留点击功能

Answer 1

CSS不会影响button点击
只是button设置 border=0后看不到点击的效果了

给button 设置onclick事件就可以看到button是能点击的

    <button onclick="alert('button点击了');"></button>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!