Q

尺寸对于手机中的SELECT OPTION不起作用

2017-03-28 20 views 0 likes

0

在PC上查看时，以下代码显示所有四个选项。没事儿！尺寸对于手机中的SELECT OPTION不起作用

但是，在移动设备上查看时，仅显示默认选项。这是实际的问题。

注意：如果我省略size="4"，那么PC上的输出与上面提到的移动设备上的输出相同。看来size="4"不适用于手机。

如何解决此问题，请。

.myClass select 
 
{ 
 
    width: 150px; 
 
    height: 165px; 
 
    padding: 5px; 
 
    font-size: 17px; 
 
}

<div class="myClass"> 
 
    <select name="mySelect" size="4"> 
 
     <option>1</option> 
 
     <option selected>2</option> 
 
     <option>3</option> 
 
     <option>4</option> 
 
     <option>5</option> 
 
     <option>6</option> 
 
     <option>7</option> 
 
     <option>8</option> 
 
    </select> 
 
</div>

2017-03-28 Sajjad

A

回答

0

听起来很奇怪，但与价值2,3,4大小ATTR不会在某些设备上（可能WebKit浏览器）工作，这是一个已知的bug。

您可能可以根据mediaquery手动设置选项标签的数量。

2017-03-28 18:33:33 Hienz

+0

结果使用除2,3,4 – Sajjad

+0

是啊，其他值是一样的，只是做了一个快速研究。似乎webkit浏览器完全忽略了“size”属性。（在chrome中试试，然后在非webkit浏览器中试试：https：//jsfiddle.net/k669sm2n/） – Hienz

+0

手机仍然忽略大小。除了使用选择选项之外，还有其他方法吗？ – Sajjad

0

嗯，只是一个盲目的猜测，但也许在CSS禁用appearance？

编号：https://css-tricks.com/almanac/properties/a/appearance/

2017-03-28 18:36:44

0

这是一个黎民情况。许多人处理这个问题：

显然，这来自于不需要浏览器渲染size=""属性如我们所期望的事实。 W3 specs：

大小=数[CN]
如果SELECT元件是作为一个滚动列表框，该属性指定列表应该是同时可见的行数。 可视用户代理不需要将SELECT元素作为列表框;他们可能会使用任何其他机制，如下拉菜单。
（emphasys矿）

2017-03-28 18:43:22 LcSalazar

相关问题