首页 > 解决方案 > 禁用选项在 Android 平板电脑上无法正常工作

问题描述

我正在为移动设备和平板设备使用选择标签。

在移动设备上,它工作正常,但在平板电脑上,选择标签无法正常工作。

我的问题是:该选项被禁用,但禁用的选项没有变得透明(颜色淡)。

以下是代码示例:

<select id="nativeDropDown" name='nativeDropDown' class="trend-filter native-dropdown-position" ng-click="openNativeDropDown()">
      <option value='selectOption' selected data-ng-show="isIphone"></option>
      <option value='lastDay' data-ng-disabled="chartType === 'boxplot'" data-bas-translate="LastDayFilter"></option>
      <option value='last7Days' data-ng-disabled="chartType === 'boxplot'" data-bas-translate="Last7DaysFilter"></option>
      <option value='last30Days' data-bas-translate="Last30DaysFilter"></option>
      <option value='last12Months' data-bas-translate="Last12MonthsFilter"></option>
      <option value='allTime' data-ng-disabled="!enableBoxplotForAllTime()" data-bas-translate="AllTime"></option>
      <option value='customRange' data-bas-translate="CustomRangeFilter"></option></select>

.trend-filter 
{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-color: #EEEEEE;
    overflow: hidden;
    height: 35px;
    margin-left: 5px;
    /*opacity: 0.5;*/
    width: 40px;
    margin-left: -40px;
}

.native-dropdown-position {
    position: absolute;
    z-index: 99999;
}

标签: htmlcssangularjshtml-selecttablet

解决方案


尝试改用 javascript 验证。并使用以下代码:

document.getElementById("    ").disabled = true; //Fill the white spaces with whatever you name it 

推荐阅读