[CSS]readonlyのフォームのデザインを変更する方法1

CSS

線や背景色の変更と余白の調整

input[readonly] {
	border: none;
	background: none;
	outline: 0;
	/*左右に余白がある場合は解除*/
	padding-left: 0;
	padding-right: 0;
}

HTML

<input type="text" value="123456789" readonly>

デモ