my code

Tobias Hopp

Remove Datalist Dropdown Arrow
by Tobias Hopp

This CSS removes the

Snippet options

Download: Download snippet as remove-datalist-dropdown-arrow.css.
Copy snippet: For this you need a free my code account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

/* Hide the list on focus of the input field */
datalist {
	display: none;
/* specifically hide the arrow on focus */
input::-webkit-calendar-picker-indicator {
	display: none;

Create a free my code account now.

my code is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.