タブレットでChromeブラウザ でoption 要素が disabled しない


シンプルなOption要素でDisabledしたいのですが、タブレットでChromeから見るとDisabledされません。

[code]

    <select name="fruits">
      <option value="peach" disabled>peach</option>
      <option value="apple">apple</option>
      <option value="pine">pine</option>
    </select>
[/code]

jqueryで条件に一致したものだけにDisableを与えました。

[code]

     $('select[name="fruits"] > option[value="peach"]').attr('disabled');
    
[/code]

Firefoxなどでは表示されるのですが、タブレットのChromeだけどうも表示されないようです。




Android タブレットで試してみましたが、`disabled` された `<option>` は選べませんが、見た目が他と同じなのはおかしいですね。単に
Chrome のバグなのではないでしょうか。https://new.crbug.com/ でバグを登録しましょう。

