在Chrome中突出显示的只读文本框

Question

我有两个只在调用模态时加载的readonly文本框。第一个只读文本框的文本以蓝色突出显示。

这只发生在谷歌浏览器中。知道如何删除蓝色突出显示吗？它与单击文本并拖动光标相同，因为当我按ctrl + c时，将复制“显示这些列”文本。

谢谢。

<div id="groupvalidator-for-VisibleColumnsList" class="groupvalidator editor-container">
    <input value="Show These Columns" class="editor-group-header " data-val="true" data-val-groupvalidator="You must select at least one column to display." data-val-groupvalidator-pattern="ul.sortable li" data-val-groupvalidator-target="editor-for-VisibleColumnsList" data-val-groupvalidator-title="Column Required" id="VisibleColumnsListValidationHeader" name="VisibleColumnsListValidationHeader" readonly="true" type="text"">
    <span class="field-validation-valid" data-valmsg-for="VisibleColumnsListValidationHeader" data-valmsg-replace="true" style="display: none;">
        <span for="VisibleColumnsListValidationHeader" generated="true">
            <span class="ico-caution"></span>
            <strong></strong>
            <br>
            <br>
        </span>
    </span>
</div>

jQuery的：

<script type="text/javascript">
    $(function () {
        $(".editor-group-header").each(function () {
            $(this).attr('size', $(this).val().length);
        });
    });
</script>