
Espen Moen Kvelland
Top achievements
Rank 1
Espen Moen Kvelland
asked on 04 Nov 2013, 08:40 AM
Hello,
I have a page that looks like the one attached. The textbox here looks very small compared to the rest of the page, is there an easy way to make this look a bit better. I mean by making the textbox bigger and the font inside also, thanks
I have a page that looks like the one attached. The textbox here looks very small compared to the rest of the page, is there an easy way to make this look a bit better. I mean by making the textbox bigger and the font inside also, thanks
4 Answers, 1 is accepted
0
Accepted

Jan-Dirk
Top achievements
Rank 1
answered on 05 Nov 2013, 04:06 PM
Html code:
Your CSS code:
<
input
type
=
"text"
class
=
"textboxclass"
/>
Your CSS code:
.textboxclass {
height
:
15px
;
width
:
80px
;
}
0
Accepted

Craig
Top achievements
Rank 1
answered on 05 Nov 2013, 06:08 PM
First of all I am about to tackle this same issue. Why the following helps I have noticed in the emulator it works great it doesnt produce the same results on my actual phone (HTC One). I will post another reply if I figure out a good answer.
.textboxclass {
width
:
80px
;
padding: 4px;
font-size: 1.5em;
}
0

Espen Moen Kvelland
Top achievements
Rank 1
answered on 06 Nov 2013, 09:39 AM
Thanks. This looks ok on both emulator and my Samsung S4. Will check on other phones off course also. Please keep the thread updatet if you find another way that makes this look good on you HTC one
0

Craig
Top achievements
Rank 1
answered on 06 Nov 2013, 05:18 PM
Clarifying statement: I only had issues with "dropdowns" appearing in the emulator as nicely padded but on my phone padding was ignored so try styling a dropdown and let me know if it works for you.