html - CSS: The body font style is not showing in the table -


the body of css has font style set using css, not showing in table. added table , still seems not want adopt font style.

i had through other posts , still struggling.

css:

body {     font-family: 'indie flower', cursive;     background-image: url('../images/landscape.jpg');      background-repeat: no-repeat;     background-position: center center;     background-size: 100% 100%;     min-width: 100%;     min-height: 100%; } table, th, td {     font-family: 'indie flower', cursive; } table {     margin-top: -446px;     margin-right: 428px;     z-index: 1;     position: absolute, center;     background-color: #f0f0f0;      border: 3px solid #fff; } th {     text-align: left;     z-index: 3; }  td {     padding-top: 10px;     padding-bottom: 10px;     padding-right: 5px;     z-index: 2;     background-color: #f0f0f0;  } 

ok issue here font needed placeholders, not table or inputs themselves.

::-webkit-input-placeholder {    font-family: 'indie flower', cursive; }  :-moz-placeholder { /* firefox 18- */    font-family: 'indie flower', cursive;   }  ::-moz-placeholder {  /* firefox 19+ */    font-family: 'indie flower', cursive;   }  :-ms-input-placeholder {      font-family: 'indie flower', cursive;   } 

then text entered inputs, add style input itself.

input {   font-family: 'indie flower', cursive; } 

worth noting can use font-family: inherit; instead of explicitly declaring font multiple times. makes easier update if decide change fonts.

updated fiddle


Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

firemonkey - How do I make a beep sound in Android using Delphi and the API? -