226218 2021-05-25 04:47:31 -0700 box-shadow does not work on input elements 2022-07-19 17:30:43 -0700 1 1 1 Unclassified WebKit Forms Safari Technology Preview Unspecified Unspecified NEW InRadar P2 Normal --- 1 bramus webkit-unassigned 2843035794 akeerthi cdumez simon.fraser webkit-bug-importer wenson_hsieh oldest_to_newest 1763473 0 bramus 2021-05-25 04:47:31 -0700 See demo at https://codepen.io/bramus/pen/1e6d158c6aa97efea1436e36dafa283b Problem: The box-shadows on the inputs are not rendered. Tested with Safari TP 124 on macOS 11.3.1 For comparison, behavior in other browsers: - Chrome: Renders both correctly - Firefox: Renders only the regular one as expected 1763475 1 bramus 2021-05-25 04:54:12 -0700 Relevant Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1406017 Note that in Firefox you can get it working by explicitly setting a background-color on the inputs. This workaround does not work with Webkit. 1763808 2 simon.fraser 2021-05-25 20:09:33 -0700 If you set -webkit-appearance: none; we will draw the box shadow. 1765565 3 webkit-bug-importer 2021-06-01 04:48:17 -0700 <rdar://problem/78709285> 1885255 4 fujii 2022-07-19 17:30:43 -0700 *** Bug 242893 has been marked as a duplicate of this bug. ***