![From rectangular box to pill-shaped, a look at how Google's search field changed its form over the course of 2 decades From rectangular box to pill-shaped, a look at how Google's search field changed its form over the course of 2 decades](https://2.bp.blogspot.com/-8C_LUED-m5g/XH_E_8jAu5I/AAAAAAAACCE/84TuJNMj4dQHKQyHpVuBT0aaPZC8u2jnQCLcBGAs/s0/google-search-home-page-news.png)
From rectangular box to pill-shaped, a look at how Google's search field changed its form over the course of 2 decades
![Input ID of Google search text field is different when viewed in Firefox DevTools and Firebug - Stack Overflow Input ID of Google search text field is different when viewed in Firefox DevTools and Firebug - Stack Overflow](https://i.stack.imgur.com/IhsZL.jpg)
Input ID of Google search text field is different when viewed in Firefox DevTools and Firebug - Stack Overflow
![Responsive Google Type Search Box Using HTML CSS & Bootstrap | How To Create A Search Bar Html Css - YouTube Responsive Google Type Search Box Using HTML CSS & Bootstrap | How To Create A Search Bar Html Css - YouTube](https://i.ytimg.com/vi/c1PqY1EVIHM/mqdefault.jpg)
Responsive Google Type Search Box Using HTML CSS & Bootstrap | How To Create A Search Bar Html Css - YouTube
![Day 17: Styling a search box like Google's | by MasaKudamatsu | 100 Days in Kyoto to Create a Web App with Google Maps API | Medium Day 17: Styling a search box like Google's | by MasaKudamatsu | 100 Days in Kyoto to Create a Web App with Google Maps API | Medium](https://miro.medium.com/v2/resize:fit:1400/0*OyA56P6Du1YJrt72.png)