LowerCase CSS

lowercase css property on a textfield.

HTML

<textarea cols="1" rows="10" id="test">Just Some Lorum To Begin With...</textarea>

<div>click...</div>

CSS

textarea#test{
    
    text-transform:lowercase;
    
}
div{
    cursor: pointer;
    background-color:#CC0033;
    color:#FFF;
    padding:20px;
    font-size:2em;
    margin:10px;
    border-radius:10px;
    
}

JavaScript

$('div').bind('click', function(){
   
    alert( $('textarea#test').val() );
    
     alert( $('textarea#test').val().toLowerCase() );
    
});