我有一些只读的文本框。我已经将该文本设置为斜体,但对于我还右对齐文本的数字字段,最后一个数字被截断。添加填充只会使文本框变大,但不能解决您在图像中看到的问题(总成本大约有 20 像素的填充,成本只有 5 像素)。除了摆脱斜体文字之外,我该如何解决这个问题?我已经搜索并没有找到任何解决此问题的方法,因此如果您在某处有链接,我很乐意查看。
这不是特定于浏览器的,因此它会全面发生,Chrome 是用于上图的,并且具有最明显的变化。当页面第一次加载时,它会正确显示,没有任何中断。这是表单的一部分,因此一旦您从下拉列表中选择了另一个选项,这些只读框中的文本就会发生变化,这就是问题发生的时候。Almost as if it was changing the styling when a new option was chosen. 我没有注意到任何样式更改、类更改或代码中的任何内容。可能会忽略某些东西,但到目前为止还没有什么突出的。
这是一个 jsFiddle:jsfiddle.net/mK6JK
这与问题的样式不完全一样,但添加了主要的样式类。问题是它在小提琴上看起来很好。但是我的生产版本仍然存在问题。