Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 7th, 2012  |  syntax: None  |  size: 0.86 KB  |  hits: 15  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Using CSS to rotate an input's value 90 degrees
  2. -webkit-transform: rotate(-90deg);
  3. -moz-transform: rotate(-90deg);
  4.        
  5. .form input[value="SUBMIT"] {
  6.     height:1.5em;
  7.     width:7em;
  8.     -webkit-transform: rotate(-90deg);
  9.     -moz-transform: rotate(-90deg);
  10.     font-size:1.5em;
  11. }
  12.        
  13. <div class="button">
  14.     <input type="submit" value="submit" />
  15. </div>
  16.        
  17. .button{
  18. /* write your style here*/
  19.     background-color: #12E9F0;
  20.     border: medium none;
  21.     margin-right: 0;
  22.     padding: 0.2em 0.6em;
  23. }
  24. .button input[type="submit"]{
  25.     height:1.5em;
  26.     width:7em;
  27.     -webkit-transform: rotate(-90deg);
  28.     -moz-transform: rotate(-90deg);
  29.     font-size:1.5em;
  30.     border:0 none;
  31.     background:none;
  32. }
  33.        
  34. .form input[value="SUBMIT"] {
  35.     -moz-transform: rotate(-90deg);
  36.     font-size: 1.5em;
  37.     height: 1.5em;
  38.     position: absolute;
  39.     top: 3.5em;
  40.     width: 7em;
  41. }
create a new version of this paste RAW Paste Data