我怎样才能更改 select 标签在 CSS 中的位置

Question

我正在做一个大学项目

我有一个 select 标签

问题出在页面未全屏时

select位置完美enter image description here

但是当我全屏时，它看起来不像我想要的那样enter image description here

Html Code
<div>

        <select class = "FeedBack2">
            <option value="Suggestion">Suggestion</option>
            <option value="Complaint">Complaint</option>
            <option value="Idea">Idea</option>
            <option value="Help">Help</option>
          </select>
    
    </div>

这里是 CSS 代码

.FeedBack2 { background-color: #da9b48; color: rgb(31, 22, 5); width: 50%; margin-left:150px; margin-top:10px; margin-bottom:20px;}

Answer 1

试试这个：

.FeedBack2 { 
display: flex;
background-color: #da9b48; 
color: rgb(31, 22, 5); 
width: 50%;
margin: 0 auto;
}

<div>

        <select class = "FeedBack2">
            <option value="Suggestion">Suggestion</option>
            <option value="Complaint">Complaint</option>
            <option value="Idea">Idea</option>
            <option value="Help">Help</option>
          </select>
    
    </div>

Answer 2

尝试使用以下代码添加以下内容以水平和垂直放置 select 居中。在.FeedBack2 class

中删除边距

div {
    display: flex;
justify-content: center;
align-item: center;
 }

我怎样才能更改 select 标签在 CSS 中的位置

how can I change the select tag position in CSS

html

css

select

css-position

option