Question

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

谢谢！

阿维

Answer 1

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

另请参阅此（Manipulating an HTML stylesheet from ActionScript）。

使用CSS border。

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

以下是摘录。

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

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

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

以下是摘录。

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

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

Answer 2

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' />

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

2 个答案: