Question

我有一大块C用html 4.01严格用非常小的CSS开始。页面上的一个元素是一个简单的“select”元素，它位于绝对定位的div中，因此：

<div style="
position: absolute;
left: 260px;
top: 440px;
width: 200px;
padding: 0px;
margin: 0px;
border: none;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
overflow: auto;
color: #000000; " >
<select tabindex=36 name="vnd_bmid" class="inp_uline" 
        id="vnd_bmid" title="Assigned Name" style="width: 160px"
        onFocus="this.style.background='#eeeeee';"
        onBlur="this.style.background='#e7caea';" >
  <option value="0" selected >&nbsp;not assigned&nbsp;</option>
  <option value="1000001">Some String</option>
  <option value="1000002">Some Other String</option>
  <option value="1000045">Yet Another</option>
  <option value="1234567">This is wide</option>
  <option value="1874124">This is even more wide</option>
  <option value="1987654">Not Wide</option>
</select>
</div>

无论我做什么，当我点击它时，我无法获得元素右侧的小下拉箭头。我必须将鼠标放在元素的最左侧，文本开始处，然后单击它以获得下拉列表中的选项。我试图使用“溢出”，但没有效果。完全删除它。没有效果。确保我在“select”中有一个CSS宽度参数，但没有效果。我已经尝试了Firefox和Opera，我在两种浏览器上都看到了同样奇怪的行为。 W3C Validator说我有完美的HTML 4.01 Strict和CSS很干净。

很有可能会问明显的是，什么可能导致选择元素以这种方式运行？如何让这个小的下拉箭头表现出来？

另外，我应该添加类样式位来完成：

.inp_uline
    {
        font-family: Lucida Console,monospace;
        font-size: 12px;
        font-weight: normal;
        text-align: left;
        padding: 0px;
        margin: 2px;
        background-color: transparent;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: darkred;
        color: #000000;
    }

所以我们有所有描述select元素的东西，而有些人可能能够让它在一些“小提琴”上看起来很漂亮它在这个页面里不起作用我有50个其他输入元素。我还必须指出，还有其他选择元素按预期工作，但是这个没有。

Answer 1

我通过做不合理和不可能的事情来解决问题。我将div的整个绝对位置向右移动了300像素。已经在该位置的元素（另一个选择下拉列表）我向左移动了300像素。这实质上通过交换图形位置来移动页面上两个下拉选择元素的位置。突然之间，他们都按预期工作，而以前只有其中一人做过。

不知道为什么。

HTML和SELECT元素奇怪的行为

1 个答案: