html – 选择标签的OPTIONS右对齐

前端之家收集整理的这篇文章主要介绍了html – 选择标签的OPTIONS右对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将select元素的OPTIONS的容器对齐到右边……默认情况下是在控件的LEFT BOTTOM上显示OPTIONS …

那么我将如何显示OPTIONS与select元素的右下角对齐?

照顾自己…

解决方法

虽然其他答案是正确的,并且您可以使用style属性,但最好使用外部CSS文件.

HTML文档中,添加< link>到< head>中的CSS文件文件

<head>
    <title>Example</title>
    <link type="text/css" rel="stylesheet" href="path/to/the/file.css" />
</head>

给你的< select> (或< option>)元素是一个类属性.

<select class="JamalAbdulNasir">
    <option class="Jamal">Jamal</option>
    <option class="Abdul">Abdul</option>
    <option class="Nasir">Nasir</option>
</select>

在您的样式表中包含一个CSS规则,该规则以< select>为目标.按类属性标记.

select.JamalAbdulNasir {
    text-align:right;
}

…或<选项>标签你想要正确对齐.

input.Abdul {
    text-align:right;
}

猜你在找的HTML相关文章