CSS overflow：visible似乎不适用于输入。
见下面的JS小提琴：https://jsfiddle.net/b4sr578j/
input {
border: 1px dashed black;
overflow: visible;
height: 28px;
font-size: 30px;
}
<input type='text' value='gggyyyXXX'/>
感谢任何帮助。
解决方法
以下是Webkit和Firefox的解决方案：
(这不会在IE中工作 – 因为it doesn’t support outline-offset)
1)移除高度
2)使用轮廓而不是边框
3)添加负轮廓偏移
4)添加填充以微调偏移
input {
overflow: visible;
font-size: 30px;
outline: 1px dashed black;
border: 0;
outline-offset: -8px;
padding: 6px 0 2px 8px;
}
<input type='text' value='gggyyyXXX' />
