/    Sign up×
Community /Pin to ProfileBookmark

Custom fonts in for textboxes and buttons…

Copy linkTweet thisAlerts:
Sep 08.2003

I’ve seen on the web a lot of people have a nice, 1 pixel solid black border on their text boxes, and a custom font for their button (Tahoma, Arial, etc.)

I’ve been looking around, and haven’t seen how to do this. I find the font on the standard button/textbox kind of hiddeous — especially on Mozilla and non-antialias friendly Linux flavors.

I know there’s some trick in Frontpage that let me do this, but I didn’t take a decent enough look at the HTML tags. Is there a good tutorial out there that can show me how to do this?

Tx

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangSep 08.2003 — With CSS:

<style type="text/css">

<!--

input.withstyle {

border : 1px solid Black;

font-family : Tahoma, Arial;

}

-->

</style>

and your input tag:

<input class="withstyle" type="text" name="reply" />
Copy linkTweet thisAlerts:
@GaijinPunchauthorSep 08.2003 — That is awesome.

Thank you very much -- exactly what I wanted. Just need to play w/ the padding a bit and make an image button.

Cheers!
×

Success!

Help @GaijinPunch spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...