I just <accent type="Queen's English">can't</accent> believe this code works in Chrome's inspector, and then not on my blog:
#comment-editor {
width: 600px;
height: 260px;
}
textarea#commentBodyField {
font-family: Georgia, Serif;
font-size: 18px;
font-weight: normal;
}
#postCommentSubmit {
font-weight: bold;
font-size: 24px;
font-family: 'Yanone Kaffeesatz', Verdana, sans-serif;
padding: .2em .4em;
}
#postCommentPreview {
font-weight: bold;
font-size: 24px;
font-family: 'Yanone Kaffeesatz', Verdana, sans-serif;
padding: .2em .4em;
}
Dammit, my comment thing still looks like shit! When I inspect the resultant page's CSS, I don't find my code in there.
Now WTF, Blogger? WTF. That is gorgeous code. OK, not perfect. At first I tried calling the Submit and Preview IDs together, but no. Even the inspector wouldn't render that. So I'm like, OK, I'll just do it the lamo way, and Blogger won't take it.
I have done so many crazy, probably against the user agreement, type stuff with CSS and Blogger, and I know I'll fix this eventually, or at least I hope to, because my clients are not going to take no for an answer on this one, but geez.
I have to figure out what happens in a browser to just sweep CSS code out the window, arbitrarily.
