inputタグのreadonly適用時に変わる線の太さを、元の太さに戻したい

Question

前提・実現したいこと

readonlyを使い、編集不可にしたいです。
しかし、線の太さが変わってしまうので元に戻したいです。

該当のソースコード

<input class="right_alignment input_width" data-bind="value: EstimationDocument.totalCost.totalWorkingMinutes" readonly>

input[readonly] {
    color: #417bbc;
	background-color: #ffffff;
    cursor: not-allowed;
    border: 1px !important;
}

試したこと

!important;で枠線の太さを強制的に変更しようとしたが、どんな太さでも枠線が消えてしまいます。

補足情報（FW/ツールのバージョンなど）

足りない情報やソースコードがあれば、コメントにお願いします。

Answer 1

border-styleを設定してください。省略すると既定値のnoneになります。

input[readonly] {
    color: #417bbc;
    background-color: #ffffff;
    cursor: not-allowed;
    border: 1px solid;
}

border - CSS: カスケーディングスタイルシート | MDN