Why gmail buttons is "div" tag and not "button" tag?
The gmail button code from chrome firebug:
<div id=":or" class="T-I J-J5-Ji ar7 T-I-ax7 L3 T-I-JO" role="button" tabindex="0" aria-expanded="false" style="-webkit-user-select: none; " aria-haspopup="true">
<span class="Ykrj7b">More</span>
<div class="G-asx T-I-J3 J-J5-Ji"></div>
</div>
Thanks in advance, Yosef
Check Your Network Connection. A slow network connection could also be why some buttons are not working on Gmail. Since your browser can't communicate with the servers, some of Gmail's content could not be loaded on time.
Add a close button using HTML, CSS, and JavaScriptCreate a button element in your creative using a <div> tag. Create the element in the HTML file and style it in the CSS file. Then assign the ID close-btn to your element.
Although this tag is often used in conjunction with the <form> element, it can also be used as a standalone control. The basic tag is written like this <button></button> . Any content between the opening and closing tags appears within the button.
Most likely for compatibility.
Internet Explorer 6 and 7 seem to be adding their own padding to button elements. Also, there seem to be width issues with button elements in those browsers when applying styles to them.
I would assume its Google going to insane depths over performance, as behind the scenes the button
element has one of the longer trips through the WebKit stack.
As shown in this video by Alex Russell.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With