How to apply Title Case in input box through css

Question

I am using text-transform property to convert inputbox text into Title Case, But I am not getting the exact property or combination to do this.

I also tried

Answer 1

Tips : Please check reset css style sheet for any override for text-transform

text-transform property - Definition and Usage

The text-transform property controls the capitalization of text.

Default value: none

Inherited: yes

Version: CSS1

JavaScript syntax: object.style.textTransform="uppercase"

All browsers fully supports the property.

CSS Syntax

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
// For DOM 
document.getElementById("myP").style.textTransform = "capitalize";

Property Values

none - No capitalization. The text renders as it is. This is default

capitalize - Transforms the first character of each word to uppercase

uppercase - Transforms all characters to uppercase

lowercase - Transforms all characters to lowercase

initial - Sets this property to its default value.

inherit - Inherits this property from its parent element.

Test working file :

https://jsfiddle.net/tfn2k46n/