您的位置:首页 > 其它

关于select下拉框最后一项鼠标经过不能变色及设置宽度后下拉框无法滚动的bug?

2014-01-24 12:57 429 查看
浏览器环境:Chrome v32.0.1700.76 m

操作系统: Windows7

页面demo:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body>
<select >
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
<option value="8">9</option>
<option value="9">10</option>
<option value="10">11</option>
<option value="11">12</option>
<option value="12">13</option>
<option value="13">14</option>
<option value="14">15</option>
<option value="15">16</option>
<option value="16">17</option>
<option value="17">18</option>
<option value="18">19</option>
<option value="19">20</option>
<option value="20">21</option>
<option value="21">22</option>
<option value="22">23</option>
<option value="23">24</option>
<option value="24">25</option>
<option value="25">26</option>
<option value="26">27</option>
<option value="27">28</option>
<option value="28">29</option>
<option value="29">30</option>
<option value="30">31</option>
<option value="31">32</option>
<option value="32">33</option>
<option value="33">34</option>
<option value="34">35</option>
<option value="35">36</option>
<option value="36">37</option>
<option value="37">38</option>
<option value="38">39</option>
<option value="39">40</option>
<option value="40">41</option>
<option value="41">42</option>
<option value="42">43</option>
<option value="43">44</option>
<option value="44">45</option>
<option value="45">46</option>
<option value="46">47</option>
<option value="47">48</option>
<option value="48">49</option>
<option value="49">50</option>
<option value="50">51</option>
<option value="51">52</option>
<option value="52">53</option>
<option value="53">54</option>
<option value="54">55</option>
<option value="55">56</option>
<option value="56">57</option>
<option value="57">58</option>
<option value="58">59</option>
<option value="59">60</option>
<option value="60">61</option>
<option value="61">62</option>
<option value="62">63</option>
<option value="63">64</option>
<option value="64">65</option>
<option value="65">66</option>
<option value="66">67</option>
<option value="67">68</option>
<option value="68">69</option>
<option value="69">70</option>
<option value="70">71</option>
<option value="71">72</option>
<option value="72">73</option>
<option value="73">74</option>
<option value="74">75</option>
<option value="75">76</option>
<option value="76">77</option>
<option value="77">78</option>
<option value="78">79</option>
<option value="79">80</option>
<option value="80">81</option>
<option value="81">82</option>
<option value="82">83</option>
<option value="83">84</option>
<option value="84">85</option>
<option value="85">86</option>
<option value="86">87</option>
<option value="87">88</option>
<option value="88">89</option>
<option value="89">90</option>
<option value="90">91</option>
<option value="91">92</option>
<option value="92">93</option>
<option value="93">94</option>
<option value="94">95</option>
<option value="95">96</option>
<option value="96">97</option>
<option value="97">98</option>
<option value="98">99</option>
<option value="99">100</option>
</select>
</body>
</html>


当给select设置宽度小于select文本宽度时,滚动条可用,大于文本宽度时滚动条不可用。但是最后一项鼠标经过时始终不能变色。初步认定为浏览器的bug,还未找到好的解决方案。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: