Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More

There are some exciting new things slated for Chrome version 99 — currently in beta and to become stable on March 1st. Standout features are the shipping of CSS Cascade Layers and the new showPicker() Method on HTMLInputElement Objects. On the Chrome Developers Blog, Una Kravets covers Cascade Layers in detail. Furthermore, François Beaufort details …


This content originally appeared on Bram.us and was authored by Bramus!

There are some exciting new things slated for Chrome version 99 — currently in beta and to become stable on March 1st. Standout features are the shipping of CSS Cascade Layers and the new showPicker() Method on HTMLInputElement Objects.

~

On the Chrome Developers Blog, Una Kravets covers Cascade Layers in detail.

~

Furthermore, François Beaufort details how to use showPicker().

<input type="date">
<button>Show the date picker</button>

<script>
  const button = document.querySelector("button");
  const dateInput = document.querySelector("input");

  button.addEventListener("click", () => {
    try {
      dateInput.showPicker();
      // A date picker is shown.
    } catch (error) {
      // Use external library when this fails.
    }
  });
</script>

~

Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More →
Cascade layers are coming to your browser →
Show a browser picker for date, time, color, and files →


This content originally appeared on Bram.us and was authored by Bramus!


Print Share Comment Cite Upload Translate Updates
APA

Bramus! | Sciencx (2022-02-05T17:00:46+00:00) Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More. Retrieved from https://www.scien.cx/2022/02/05/chrome-99-css-cascade-layers-a-new-picker-for-input-elements-and-more-2/

MLA
" » Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More." Bramus! | Sciencx - Saturday February 5, 2022, https://www.scien.cx/2022/02/05/chrome-99-css-cascade-layers-a-new-picker-for-input-elements-and-more-2/
HARVARD
Bramus! | Sciencx Saturday February 5, 2022 » Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More., viewed ,<https://www.scien.cx/2022/02/05/chrome-99-css-cascade-layers-a-new-picker-for-input-elements-and-more-2/>
VANCOUVER
Bramus! | Sciencx - » Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/05/chrome-99-css-cascade-layers-a-new-picker-for-input-elements-and-more-2/
CHICAGO
" » Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More." Bramus! | Sciencx - Accessed . https://www.scien.cx/2022/02/05/chrome-99-css-cascade-layers-a-new-picker-for-input-elements-and-more-2/
IEEE
" » Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2022/02/05/chrome-99-css-cascade-layers-a-new-picker-for-input-elements-and-more-2/. [Accessed: ]
rf:citation
» Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More | Bramus! | Sciencx | https://www.scien.cx/2022/02/05/chrome-99-css-cascade-layers-a-new-picker-for-input-elements-and-more-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.