Adobe Air - 如何设置文本框的样式，使其只有底部边框线

Question

我有一个用户需要填写的表格。该表单包含 TextInput。默认的 Adob​​e Air 文本框是老式风格的。我想修改它们，使它们看起来更现代。如何设置文本框的样式，使其只有底部边框线且填充颜色为白色？

谢谢！

视频

Answer 1

Shrinivas answer will put a border on the bottom but still shows borders on the side.  

如果您想隐藏它们，您还可以将侧边框着色为与背景相同。
在白色背景上，这将基本上隐藏侧面和顶部边框。

这里是小提琴：http://jsfiddle.net/6swdpe8y/

input{
        border-right: white 2px solid;
        border-left: white 2px solid;
        border-top: white 2px solid;
        background: white;
    }

<input type='text' />

Answer 2

正如此处 (Adobe AIR brings Advanced CSS3 Support to the Desktop) 所述，Adobe AIR 现在支持 CSS3。

另请参阅此 (Manipulating an HTML stylesheet from ActionScript)。

使用 CSS border。

• 查看此fiddle。 （下边框 = 红色）

这里是sn-p。

input,
textarea {
  border-bottom: red 2px solid;
  background: white;
}

<input type='text' />
<br>
<textarea></textarea>

• 查看此fiddle。 （仅底部边框 = 红色）

这里是sn-p。

input, textarea {
    border: none;
    border-bottom: red 2px solid;
    background: white;
}

<input type='text' /><br>
<textarea></textarea>