HTML text input field with currency symbol

by

Consider simulating an input field with a fixed prefix or suffix using a span with a border around a borderless input field. Here’s a basic kickoff example:

.currencyinput {
    border: 1px inset #ccc;
}
.currencyinput input {
    border: 0;
}
<span class="currencyinput">$<input type="text" name="currency"></span>

More Related Contents:

  1. Vertical Text Direction
  2. Setting a max character length in CSS
  3. How to stop text from taking up more than 1 line?
  4. Soft hyphen in HTML ( vs. ­)
  5. HTML: Changing colors of specific words in a string of text
  6. Dual-Color Text
  7. Displaying the Indian currency symbol on a website
  8. How can I make the HTML5 number field display trailing zeroes?
  9. How to avoid sending input fields which are hidden by display:none to a server?
  10. Arabic characters from html content to pdf using iText
  11. Changing the highlight color when selecting text in an HTML text input
  12. Paragraph of text in circle using CSS [duplicate]
  13. How to use an tag inside a in the middle of a text? [duplicate]
  14. Making text background transparent but not text itself
  15. Insert HTML code inside SVG Text element
  16. Subpixel anti-aliased text on HTML5’s canvas element
  17. How can I align text directly beneath an image?
  18. How to show HTML or Markdown in a SwiftUI Text?
  19. Display HTML text in UILabel iphone
  20. How to place Text and an Image next to each other in HTML?
  21. CSS triangle containing text
  22. Photoshop Mock Up Font isn’t same as in HTML
  23. How can I make this background to see full?
  24. How to make an element width: 100% minus padding?
  25. Best way to center a on a page vertically and horizontally? [duplicate]
  26. What is quirks mode?
  27. How to support placeholder attribute in IE8 and 9
  28. w3c html validation error – Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections
  29. vs. font-weight:bold & vs. font-style:italic
  30. CSS Border on PNG image with transparent parts

Leave a Comment