CSS <button> Reset: Vertical Label Position? -

-

i want reset button's inherited css behaves other inline-block element. however, i've run problem text of button forever stuck vertically-centered.

in fiddle (and screenshot) below, button , div have exact same styles according chrome developer console, yet button's text vertically-centered, while div's not:

http://jsfiddle.net/rgthree/vt3a7/

button vs div

anyone know of property or selector reset button, including label position?

answer

there's no way in browser other chrome ~25. reached out chromium project not working in chrome 27 (see @winterblood answer & comments). said this:

the issue use margin:auto on anonymous block inside button centering inside button in order safe-centering. so, unfortunately, there's no way style css. able control behavior before implementation detail leaking out.

so, true answer cannot style in browser, except chrome ~25 -webkit-box-align inadvertently exposed to, @winterblood answered.

for webkit need override -webkit-box-align value of baseline or start.

i have had no luck implementing in firefox yet (from brief @ it).


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5); ...
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:...
Read more