---
title: "CSS:a samma höjd på input text/submit?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/143055-css-a-samma-höjd-på-input-text-submit"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "bassebhu"
published: "2006-02-26T02:30:59.000Z"
updated: "2006-02-26T22:48:20.000Z"
replies: 2
views: 332
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/143055-css-a-samma-höjd-på-input-text-submit"
---

# CSS:a samma höjd på input text/submit?

## #1 — bassebhu, 2006-02-26T02:30Z

Hej alla glada!

När jag kikade runt i olika webbläsare så upptäckte jag att input text och input submit har olika höjd som default (särskilt i IE på pc).

Vilket är bästa sättet att få dem i samma höjd? Jag provade att sätta samma height-värde på båda, men det känns fult att behöva sätta fast höjd på input. Det gav inte ens det resultatet jag ville.

Jag använder nu följande kod:

```
.form_field {
	border: 1px solid #000000;
	margin-right: 3px;
	padding: 3px;
}

.form_submit {
	border: 1px solid #000000;
	padding: 3px;
}

...

<input type="text" name="field" size="25" class="form_field"> <input type="submit" name="submit" value="Skicka" class="form_submit">
```

Vad bör man tänka på när det gäller formulärsfält och stylning? Jag ville egentligen trixa så lite som möjligt, men då många webbläsare visar på olika sätt så har jag börjat att sönderstyla för att hitta nåt som funkar hyfsat i de flesta. Det ser hur som helst skevt ut att ha ett textfält och en submitknapp bredvid varandra som har olika höjder.

Tackar för tips!

Permalänk: https://www.webforum.nu/p/143055

## #2 — bassebhu, 2006-02-26T20:20Z

Någon?

Vilken styling gillar ni på formulärsfält? Eller är det bara o-stylat som gäller? :P

Permalänk: https://www.webforum.nu/p/1771987

## #3 — jarvklo, 2006-02-26T22:48Z

Hmm...

Tips var det ja...

Att inrikta sig på det som de flesta besökarna använder och acceptera att man inte har 100% kontroll är en variant...

Läs mer på  <http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/> \- eller i sammanfattning: 

> It also shows that little can be done to make form controls appear the same across browsers and platforms.

Permalänk: https://www.webforum.nu/p/1772041

---

Tråden på webben: https://www.webforum.nu/amne/html-css/143055-css-a-samma-höjd-på-input-text-submit