Vaadin 中的文本字段未正确对齐文本答案

【问题标题】：Textfield in Vaadin does not align text correctlyVaadin 中的文本字段未正确对齐文本
【发布时间】：2016-01-19 15:18:18
【问题描述】：

我知道 IE 版本 9 已经过时了，但客户希望这样..

是否有人知道为什么 Textfield 中的文本在 Internet Explorer 9 中看起来像这样：

当我突出显示文本时，它可以对齐。我使用 Valo 主题并按如下方式创建了文本字段：

final TextField givenName = new TextField("Voornaam:");
givenName.setWidth("132px");
givenName.addStyleName("textfield");
givenName.setValue(value);

CSS：

.textfield{
    margin-left: 5px;
}

谢谢！

【问题讨论】：

【解决方案1】：

尝试将以下规则添加到 css-textfield 定义中：

CSS：

.textfield{
    margin-left: 5px;
    line-height: 32px;
    padding-top: 0px;
    padding-bottom: 0px;
}

【讨论】：

【解决方案2】：

使用 Vaadin 的解决方案是添加以下 css 代码：

.v-ie8 .textfield, .v-ie9 .textfield{   
  margin-left: 5px;
  height: 32px;
}

.v-ie8 和 .v-ie9 为 IE8 和 IE9 指定 css 代码

【讨论】：