Css 按钮'；s标签在单击时变为可编辑

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

将变为可编辑

以下是按钮的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()" />

你能为此制作一个实时演示/提琴吗？可能是可编辑的，它是一个透明的输入字段，位于看起来像按钮的顶部@user2486:无法在我的应用程序之外复制。@aletzo按钮标签“下一级”在单击它时变为。在事件触发之前，我能在几秒钟内看到文本光标。你能提供html吗？如果可能的话，提供任何涉及的js？你能为此制作一个实时演示/提琴吗？可能什么是可编辑的，是一个透明的输入字段，位于看起来像按钮@user2486:无法在我的应用程序之外复制的顶部。@aletzo按钮标签“下一级”在单击它时变为。在事件触发之前，我能在几秒钟内看到文本光标。你能不能也提供html，如果可能的话，提供任何涉及的js？