From 9cccae92eec26560a237bfecb398c984b920deff Mon Sep 17 00:00:00 2001
From: Joshua Criss <owlsy@outlook.com.au>
Date: Thu, 2 Apr 2026 14:57:24 +1100
Subject: [PATCH] luci-theme-bootstrap: update -webkit-appearance

Compliment '-webkit-appearance'
with 'appearance', as it is
non-standard and has since
been succeeded by 'appearance',
accepted by all baseline browsers.

Future consideration to then
remove '-webkit-appearance'.

Signed-off-by: Joshua Criss <owlsy@outlook.com.au>
---
 .../htdocs/luci-static/bootstrap/cascade.css       | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index e25822e88c..4a101006b8 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -232,7 +232,8 @@ input[type="button"],
 input[type="reset"],
 input[type="submit"] {
 	cursor: pointer;
-	-webkit-appearance: button;
+	-webkit-appearance: button; /* nonstandard, should remove in future */
+	appearance: button;
 	word-break: break-all;
 }
 
@@ -244,12 +245,14 @@ input[type="submit"][disabled] {
 }
 
 input[type="search"] {
-	-webkit-appearance: textfield;
+	-webkit-appearance: textfield; /* nonstandard, should remove in future */
+	appearance: textfield;
 	box-sizing: content-box;
 }
 
 input[type="search"]::-webkit-search-decoration {
-	-webkit-appearance: none;
+	-webkit-appearance: none; /* nonstandard, should remove in future */
+	appearance: none;
 }
 
 textarea {
@@ -709,7 +712,7 @@ select,
 
 .cbi-select select,
 .cbi-select select:focus {
-	-webkit-appearance: none;
+	-webkit-appearance: none; /* nonstandard, should remove in future */
 	appearance: none;
 	outline: none;
 	border: none;
@@ -773,9 +776,8 @@ input[type="checkbox"],
 input[type="radio"] {
 	--bd-color: var(--border-color-high);
 	--fg-color: var(--text-color-high);
-
+	-webkit-appearance: none; /* nonstandard, should remove in future */
 	appearance: none;
-	-webkit-appearance: none;
 	width: 14px;
 	height: 14px;
 	color: var(--fg-color);