-
Bug
-
Resolution: Fixed
-
Normal
-
5.4.0
-
None
-
None
Steps to Reproduce
<radiogroup id="useCases" orient="vertical"> <radio label="Show input/output only" value="multiple" selected="true"/> <radio label="Show all intermediate calculation" value="single"/> </radiogroup> <checkbox checked="true"/> <textbox/>
1. include zkmax.jar
2. visit the page with Safari or Chrome of iPad 12 ~ 14, safari on iPhone (ios 13.7), iceblue/iceblue_c theme
Current Result
there is a dark shadow inside some input elements
Expected Result
no dark shadow inside input elements
Debug Information
- https://www.abeautifulsite.net/how-to-remove-box-shadows-from-input-controls-on-ios
- in _norm.less,
input[type="radio"] { -webkit-appearance: radio; ... }input[type="checkbox"]
{ -webkit-appearance: checkbox; }In zk tablet.css.dsp
input, input:focus, textarea, textarea:focus
{ -webkit-appearance: none; ... }Workaround
input
{ -webkit-appearance: none !important; }