![style two different input types text style two different input types text](http://2.bp.blogspot.com/-gHi4Ej8jr2I/VDLV3fTUGyI/AAAAAAAAAFQ/tV6juRX9cuc/s1600/Input_Output_Devices.jpg)
![style two different input types text style two different input types text](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48023508212/original/qm6C2vUC763olrL8-z6uuljCDEBfVvjl2Q.png)
Name Īnd now those two fields with the Name class will look like this:įor more on this topic, click here to go to the Laserfiche Help Files on customizing Forms appearance. If you only want to style a specific input type, you can use attribute selectors: input typetext - will only select text fields. This is a example with various input fields. As we saw in the previous article, text fields and buttons are perfectly easy to style now we will dig into styling the more problematic bits. You will also learn about the different attributes and types of input fields, and how to validate and style them. In this article, we will see what can be done with CSS to style the types of form control that are more difficult to style the 'bad' and 'ugly' categories. Then, in the CSS tab, put something like: Do you want to learn how to create a text input field in HTML This article will teach you the basics of the input tag, which allows you to add a single-line text box to your web forms. What you might try is to give those two fields the same class, like Name by going to Advanced > CSS. One is by wrapping the input in a label (implicit), and the other is by adding a for attribute to the label and an id to the input (explicit). You can specificity the css selector using has class add apply the rule to input button elements with class. Specificity is only based on the matching rules which are composed of selectors of different sorts. One way of doing this does use the inline block like you have. There are two ways to pair a label and an input. Specificity is the means by which a browser decides which property values are the most relevant to an element and gets to be applied.