IE9 cannot click to select the scroll bar or drop-down box_html/css

Table of Contents

Reply to the discussion (solution)

Home

Web Front-end

HTML Tutorial

IE9 cannot click to select the scroll bar or drop-down box_html/css_WEB-ITnose

Jun 24, 2016 pm 12:03 PM

ie9 drop down box click scroll bar selected

As the title...

An interface pops up on a page in IE9. There are several drop-down boxes in it. When it pops up for the first time, clicking on the drop-down box can display the options inside, but it will appear again after closing. After the interface pops up, the selection cannot pop up when clicked. It must be double-clicked to pop up. The same is true for the scroll bar on the right. Close the pop-up interface and refresh the page. When the interface pops up again, you can click to activate the drop-down box (scroll bar). However, when the interface pops up again for the second time, it becomes double-click to activate it. What is the problem?
Enabling Compatibility View did not change the situation, nor did canceling protected mode, nor did setting IE accelerated graphics. How to solve this problem?

Reply to the discussion (solution)

Post a test code. It is convenient for everyone to reproduce the problem.

The code is as follows:

   //添加用户    $(&quot;#addUser&quot;).click(function () {        var addSystemManagerDlg = $.dialog({            id: 'addSystemManagerDlg',            title: '添加用户',            content: 'url:User/Create',            lock: true,            width: 400,            height: 300        });

Copy after login

&lt;style&gt;    input[type=text],input[type=password] {        width: 200px;    }    .Statu,.Sex    {        padding: 5px;        cursor: pointer;        border: 1px solid #8fb7d6;        background-color: #DFFFFF;           }    .t    {        border: 1px solid #4b7402;        background-color: #5f9402;        color:#fff;            }&lt;/style&gt;

Copy after login

@using (Ajax.BeginForm(new AjaxOptions { OnComplete = &quot;Completed&quot; })){    @Html.ValidationSummary(true)  &lt;div class=&quot;editor-item&quot;&gt;                &lt;div class=&quot;editor-label&quot;&gt;编号：&lt;/div&gt;                &lt;div class=&quot;editor-field&quot;&gt;                    @Html.TextBoxFor(model =&gt; model.Code)                     @Html.ValidationMessageFor(model =&gt; model.Code)                &lt;/div&gt;                &lt;br/&gt;                  &lt;div class=&quot;editor-label&quot;&gt;姓名：&lt;/div&gt;                &lt;div class=&quot;editor-field&quot;&gt;                    @Html.TextBoxFor(model =&gt; model.Name)                     @Html.ValidationMessageFor(model =&gt; model.Name)                &lt;/div&gt;                &lt;br/&gt;      &lt;div class=&quot;editor-label&quot;&gt;密码：&lt;/div&gt;                &lt;div class=&quot;editor-field&quot;&gt;                    @Html.PasswordFor(model =&gt; model.Password)                     @Html.ValidationMessageFor(model =&gt; model.Password)                &lt;/div&gt;                &lt;br/&gt;        &lt;div class=&quot;editor-label&quot;&gt;邮箱：&lt;/div&gt;                &lt;div class=&quot;editor-field&quot;&gt;                    @Html.TextBoxFor(model =&gt; model.Email)                     @Html.ValidationMessageFor(model =&gt; model.Email)                &lt;/div&gt;                &lt;br/&gt;          &lt;div class=&quot;editor-label&quot;&gt;电话：&lt;/div&gt;                &lt;div class=&quot;editor-field&quot;&gt;                    @Html.TextBoxFor(model =&gt; model.Phone)                     @Html.ValidationMessageFor(model =&gt; model.Phone)                &lt;/div&gt;                &lt;br/&gt;         &lt;div class=&quot;editor-label&quot;&gt;性别：&lt;/div&gt;                &lt;div class=&quot;editor-field&quot;&gt;                    &lt;span class=&quot;Sex&quot; name=&quot;0&quot;&gt;&amp;nbsp;男&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Sex&quot; name=&quot;1&quot; style=&quot;margin-left:22px;&quot;&gt;&amp;nbsp;女&amp;nbsp;&lt;/span&gt;                    &amp;nbsp;&amp;nbsp;&lt;label style=&quot;color:red;visibility:hidden&quot; class=&quot;Sex_Propty&quot;&gt;性别不能为空&lt;/label&gt;                    @Html.HiddenFor(model =&gt; model.Sex)                     @Html.ValidationMessageFor(model =&gt; model.Sex)                &lt;/div&gt;      &lt;br/&gt;         &lt;div class=&quot;editor-label&quot;&gt;状态：&lt;/div&gt;                &lt;div class=&quot;editor-field&quot;&gt;                    &lt;span class=&quot;Statu&quot; name=&quot;0&quot;&gt;正常&lt;/span&gt;&lt;span class=&quot;Statu&quot; name=&quot;1&quot; style=&quot;margin-left:18px;&quot;&gt;冻结&lt;/span&gt;                    &amp;nbsp;&amp;nbsp;&lt;label style=&quot;color:red;visibility:hidden&quot; class=&quot;Statu_Propty&quot;&gt;性别不能为空&lt;/label&gt;                     @Html.HiddenFor(model =&gt; model.Statu)                     @Html.ValidationMessageFor(model =&gt; model.Statu)                &lt;/div&gt;                &lt;br/&gt;            &lt;/div&gt;}

Copy after login

Can you? For a pure front-end, such as HTML, you can copy the HTML code that loads the data in the browser's debugging tool.

Just like the code you gave now, I don’t even see where the drop-down box is. . . .

Can you give me a pure front-end, such as the HTML part? You can copy the HTML code that loads the data in the browser's debugging tool.

Just like the code you gave now, I don’t even see where the drop-down box is. . . .

Well... some codes may not be convenient to post... but the scripts and styles of the pop-up interface and the general content are basically posted...
The drop-down box is not posted. .But there should be scroll bars when it pops up like this... The situation is the same...

In other words, you should sort this out slowly yourself. If you don't want to spend time writing a small test code, who can Will you spend time writing code to reproduce a problem?

Sometimes, the problem is originally a problem with the code, and others may not have the same problem.

In other words, you should sort this out slowly yourself. If you don’t want to spend time writing a small test code yourself, who will spend time writing code to reproduce a problem?

Sometimes, the problem is originally a problem with the code, and others may not have the same problem.

I have also thought about the code problem, but this does not happen in IE8, Google and Firefox, only IE9 and IE10. I haven't tested IE11 yet. I guess the situation is similar. It's inconvenient to post too many codes, so I'll sort it out myself. Thanks!

Has the poster solved it? I also have this problem, and the My97DatePicker calendar control cannot be used normally. Many controls have problems in IE9. IE9
Is there a problem? ?
Now XP is no longer supported. You have to change to WIN7. You can install multiple versions of IE8, IE9, IE10, IE11 on WIN7. When writing a program, you need to consider more compatibility issues, and the program is difficult to write.

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn