Input Text fields are twice as large in Chrome
410 views
Skip to first unread message
Tony Bianco
Jan 11, 2011, 4:53:58 PM1/11/11
to Blueprint CSS
I'm having a problem with how Blueprint is styling form input type
text fields. In firefox they look great but in Chrome they look twice
as large. Is there a particular fix to handle this?
text fields. In firefox they look great but in Chrome they look twice
as large. Is there a particular fix to handle this?
kaiser
Jan 12, 2011, 5:49:31 PM1/12/11
to Blueprint CSS
Is there any particular code we could see? A screenshot-link would
highly be appreciated. A link to a pastebin containing your specific
code as well.
Do you use the class of .text or .title on your input fields in crome?
highly be appreciated. A link to a pastebin containing your specific
code as well.
Do you use the class of .text or .title on your input fields in crome?
Tony Bianco
Jan 14, 2011, 11:44:20 AM1/14/11
to Blueprint CSS
I fixed it but I had to override the blueprint commands.
Here's the screenshot before the fix:
http://screencast.com/t/XsXOQWzrn
Here's the code I used...
form input[type=text], form input[type=password], form input.text,
form input.title, form textarea, form select {
border:1px solid #bbb;
padding: 5px;
overflow: auto;
height: 15px;
width: 150px;
font-weight: bold;
font-size: 1.2em;
margin: 5px 0px 5px 0px;
}
It's ugly but it works.
Open up Google Chome, open your editor and then create a form. Check
the file in Chrome and Firefox and you'll see what I'm talking about.
I might be using an old version of blueprint. It was the one just
before the September release.
Here's the screenshot before the fix:
http://screencast.com/t/XsXOQWzrn
Here's the code I used...
form input[type=text], form input[type=password], form input.text,
form input.title, form textarea, form select {
border:1px solid #bbb;
padding: 5px;
overflow: auto;
height: 15px;
width: 150px;
font-weight: bold;
font-size: 1.2em;
margin: 5px 0px 5px 0px;
}
It's ugly but it works.
Open up Google Chome, open your editor and then create a form. Check
the file in Chrome and Firefox and you'll see what I'm talking about.
I might be using an old version of blueprint. It was the one just
before the September release.
Tony Bianco
Jan 14, 2011, 11:44:42 AM1/14/11
to Blueprint CSS
And yes I did use the class text. It didn't change anything.
Vernon
Jan 14, 2011, 12:22:04 PM1/14/11
to bluepr...@googlegroups.com
It doesn't occur to me neither the current version or the previous version. I guess the CSS code is overwritten in your environment.
--
http://homepage.kgbinternet.com - a fresh approach of web directory</a> - bookmark, web directory and reminder for you and your friend
--
You received this message because you are subscribed to the Google Groups "Blueprint CSS" group.
To post to this group, send email to bluepr...@googlegroups.com.
To unsubscribe from this group, send email to blueprintcss...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
--
http://homepage.kgbinternet.com - a fresh approach of web directory</a> - bookmark, web directory and reminder for you and your friend
kaiser
Jan 14, 2011, 12:25:45 PM1/14/11
to Blueprint CSS
a) As with all things: please always update. Current version = 1.0
b) Please remove all custom styles (Select the element with the
FireFox-Addon Firebug, right click on custom stylesheet in <head> &
select "delete element")
c) See if this issue still appears. This is surely due to your custom
styles overriding blueprint.
d) You could load blueprint last to override your custom styles (as
much as possible).
b) Please remove all custom styles (Select the element with the
FireFox-Addon Firebug, right click on custom stylesheet in <head> &
select "delete element")
c) See if this issue still appears. This is surely due to your custom
styles overriding blueprint.
d) You could load blueprint last to override your custom styles (as
much as possible).
Reply all
Reply to author
Forward
0 new messages