按钮的标签在点击时变得可编辑

Question

我的按钮标签在点击后变得可编辑。我得到一个文本光标，我可以编辑它。我想阻止这一点。

变得可编辑。

这是按钮的CSS：

.class{
    border: none;
    background: transparent;
    width: 100%;
    height: 80px;
    background-position-y: 3px;
    font-size: 23px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 111;
    background-size: 100% 100%;
    cursor: pointer;
}

这是我的HTML代码：

<input class="smnextlevelbtn"
       type="button"
       value="{{nextlevellabel}}"
       ng-click="nextLevel()" />