Pogas noformējums ir atkarīgs no operētājsistēmas (OS) parametriem un izvēlētā pārlūka. Tādējādi viena un tā pati poga var izskatīties atšķirīgi pārlūkos Internet Explorer un Opera. Pielietojot stila parametru background, ne tikai tiek mainīta pogas krāsa, bet tiek mainīts arī tās izskats, padarot to vienādu dažādos pārlūkos.
Piemērs
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Pogas krāsa</title>
<style type="text/css">
.b1 {
background: navy; /* Zila fona krāsa */
color: white; /* Balti burti */
font-size: 9pt; /* Šrifta izmērs punktos */
}
</style>
</head>
<body>
<form action="handler.php">
<p><input type="button" value="Parasta poga">
<input type="button" class="b1" value="Zila poga"></p>
</form>
</body>
</html>
Piemēra rezultāts
Šajā piemērā pogas izskats tiek mainīts, izmantojot tai stila klasi b1, kura tiek nozīmēta tegā <INPUT> ar parametra class="b1" palīdzību.
Pogas izskata izmaiņa ir saistīta ar atribūta background vai background-color izmantošanu. Nomainot tikai uz pogas redzamā šrifta krāsu vai izmēru, paliek nemainīgs pogas ārējais izskats - forma un krāsa.
