Comment définir la largeur et la hauteur d'entrée avec la sémantique des composants d'interface utilisateur

Bonjour, je suis nouveau dans la sémantique du monde et je veux personnaliser l'entrée par défaut de la hauteur et la largeur je sais que nous avons des classes prédéfinies dans la sémantique comme des petits, des gros, des mini, mais j'ai besoin d'avoir personnalisé la hauteur et la largeur.

Sémantique de la documentation (http://semantic-ui.com/elements/input.html) à la section d'entrée, nous avons ce message:

"Entrées de taille automatiquement, sauf si vous déclarer manuellement
une largeur"

Je l'ai déclaré à la largeur de l'entrée comme ceci:

<input  width="10" type="text" value="test" placeholder="empty" readonly>

mais il ne fonctionne pas pour moi. Un peu d'aide s'il vous plaît.

InformationsquelleAutor quique | 2015-04-20
  1. 6

    Remarque: La largeur de l'attribut est utilisé uniquement avec <input type="image">.
    http://www.w3schools.com/tags/att_input_width.asp

    C'est pourquoi ce code ne fonctionne pas. Pour le faire fonctionner, vous pouvez le faire:

    <input style="width:100px; height: 100px;" type="text" value="test" placeholder="empty" readonly>

    Ou utiliser un fichier CSS:

    input[type="text"] {
    width: 100px;
    height: 100px;
}

    Vous pouvez modifier 100px pour la largeur et la hauteur que vous voulez. Sémantique de l'INTERFACE utilisateur de ne pas définir la largeur et la hauteur pour vous, c'est pourquoi ils disent manuellement déclarer une largeur.

    • merci beaucoup
    InformationsquelleAutor Henrique Arthur
  2. 1

    Vous suffit de mettre dans un fichier css spécifique 

    input[type="text"]{
height: 100px;
width: 400px;
}
    InformationsquelleAutor Enjayy
  3. 0

    J'ai essayé avec succès:

    style={{minWidth:"10em"}}

    pour

    <Form.Field width={3}><Select placeholder='Options' options={options} 
    style={{minWidth:"10em"}}/></Form.Field>
    InformationsquelleAutor Roman