Twinkie with inside checkmark


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. #offerTable .hError .Qinput input {background-image: none;}
  2. #offerTable .Qinput input { display: inline-block; height: 20px; line-height: 25px; font-size: 14px; background: #ffff99 url({fileURL}images/Optimizations/check_small.png) 98% 50% no-repeat; border: 2px solid #C0C0C0; padding: 5px 30px 5px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  3. #offerTable .Qinput select { display: inline-block; font-size: 14px; background: #ffff99; border: 2px solid #C0C0C0; padding: 5px 2px 5px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  4. #offerTable .Qinput input, #offerTable .Qinput select{ margin: 2px 0; width: 259px; }
  5. #offerTable .Qinput option {background: #ffff99;}
  6. #offerTable .Qinput select { /*width: 255px;*/ width: 297px; }
  7. #offerTable .Qinput div select { width: 93px; }
  8.  
  9.  
  10. for (var i=0; i<form.elements.length; i++) {
  11. var el = form.elements[i];
  12. if (el.name.indexOf('field') >= 0) {
  13. el.onkeyup = el.onchange = check;
  14. }
  15. }
  16.  
  17. function check()
  18. {
  19. var ot = dId('offerTable');
  20. for (var i=0; i<ot.rows.length; i++) {
  21. ot.rows[i].className = '';
  22. }
  23. isValidOffer(form, true);
  24. for (var i=0; i<errorFields.length; i++) {
  25. var tr = getParentElement(errorFields[i], 'TR');
  26. tr.className = 'hError';
  27. }
  28. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.