由於其固有的系統,使用傳統方法修改警報框中「確定」按鈕的外觀是不可行的功能。為了實現更好的自定義,請考慮使用 HTML 元素來複製警報框的行為。
使用jQuery UI 對話框來增強樣式
jQuery UI 對話框元件提供了更多功能透過在HTML 元素中模仿警報框的功能來提供全面的解決方案。這使您能夠根據需要利用 CSS 來操縱按鈕元素的外觀:
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#dialog" ).dialog(); } ); </script> </head> <body> <div>
透過這種方法,您可以透過將 CSS 應用於對話方塊中適當的選擇器來修改按鈕元素的外觀。
以上是如何自訂警報框按鈕的外觀?的詳細內容。更多資訊請關注PHP中文網其他相關文章!