text-transform:capitalized in html not working on firefox
I am trying to titlecase the name with hyphen. For example john-day should reflect as John-Day. Following code works on chrome but not on Firefox. How can we make it work on Firefox too. [code] <style> body { background-color:#E7E9EB; } #myDIV { height:300px; background-color:#FFFFFF; text-transform: capitalize; } </style>
The text-transform property
john-day
This example demonstrates different text-transforms.
First image output is from Chrome and other one from Firefox
I am trying to titlecase the name with hyphen. For example john-day should reflect as John-Day. Following code works on chrome but not on Firefox. How can we make it work on Firefox too.
[code]
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color:#E7E9EB;
}
#myDIV {
height:300px;
background-color:#FFFFFF;
text-transform: capitalize;
}
</style>
</head>
<body>
<h1>The text-transform property</h1>
<div id="myDIV">
<h1>john-day</h1>
<p>This example demonstrates different text-transforms.</p>
</div>
</body>
</html>
First image output is from Chrome and other one from Firefox
Всички отговори (1)
Right. Understanding of css specification is different in Firefox. "john-day", "john?day" and "john'day" is one word for us.