google-chrome - Chrome で強調表示された読み取り専用のテキスト ボックス

Question

モーダルが呼び出されたときに読み込まれる 2 つの読み取り専用テキスト ボックスがあります。最初の読み取り専用テキスト ボックスのテキストは青色で強調表示されます。

これは Google Chrome でのみ発生します。青いハイライトを削除する方法はありますか? テキストをクリックしてカーソルをドラッグするのと同じです。ctrl+c を押すと、"Show These Columns" テキストがコピーされるからです。

ありがとうございました。

<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>