html - css输入样式在firefox mobile上不起作用

Question

由于应用contenteditable在 vuejs 上“不起作用”，因此我将希望允许用户编辑的input字段替换为我应用的字段border-style:none;。

这是我的html：

<span v-if="modif_autorisee">
   <input class="input_text_nostyle" type="text" @input="envoititre" v-model="ligne.intitule" id="intitule_245">
</span>

和CSS：

.input_text_nostyle{
    border-style:none;
    font-family:$font-stack;
    color: $text-color; 
    @include media("<small") {
        font-size: 0.9rem;
        max-width: 9rem;
    }
}

它在我检查过的各种导航器上运行良好，但在 Android 上的 firefox 上却没有，输入字段确实有边框，它们的宽度是标准的，不限于9rem.

标签： htmlcss