diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 4b14ff1018..15cc5972f9 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -407,6 +407,13 @@ select { word-wrap: normal; } +// Remove the dropdown arrow in Chrome from inputs built with datalists. +// +// Source: https://stackoverflow.com/a/54997118 + +[list]::-webkit-calendar-picker-indicator { + display: none; +} // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` // controls in Android 4. diff --git a/site/content/docs/4.3/forms/form-control.md b/site/content/docs/4.3/forms/form-control.md index 8bca403b01..fa27ebea4e 100644 --- a/site/content/docs/4.3/forms/form-control.md +++ b/site/content/docs/4.3/forms/form-control.md @@ -84,3 +84,23 @@ Keep in mind color inputs are [not supported in IE](https://caniuse.com/#feat=in {{< /example >}} + +## Datalists + +Datalists allow you to create a group of `