CSS регулировка ширины кнопки до текста

Question

У меня проблема с шириной кнопок. моя форма способна переключать язык. Для некоторых языков содержание кнопки длиннее, чем ширина кнопки. Как я могу настроить ширину кнопки proprety на длину текста? Вот мой CSS:

html .formRowSubmit input[type="submit"] { 
    width: 26%; 
    margin: 5px 0% 5px ; 
    margin-bottom: 10px; 
    height: 25px; 
    border-radius: 3px; 
    outline: 0; 
    -moz-outline-style: none; 
    background: #CAD722; 
    border: none; 
    color: white; 
    font-size: 10px; 
    font-weight: 150; 
    cursor: pointer; 
    transition: box-shadow .4s ease; 
} 

Answer 1

Вы должны попробовать установив min-width вместо ширины, это позволит кнопку развернуть если потребуется. После того, как вы сделаете это, вы должны также установить некоторые горизонтальные отступы, поэтому текст разве боднул до конца, как так:

input[type="submit"] { 
    min-width: 26%; 
    padding: 5px 15px; 
} 

http://jsfiddle.net/jqjxd0xt/

Answer 2

Показать кнопку как встроенный блок (и удалить ширину)

html .formRowSubmit input[type="submit"] { 
    /*width: 26%;*/ 
    display: inline-block; 
    margin: 5px 0% 5px ; 
    margin-bottom: 10px; 
    height: 25px; 
    border-radius: 3px; 
    outline: 0; 
    -moz-outline-style: none; 
    background: #CAD722; 
    border: none; 
    color: white; 
    font-size: 10px; 
    font-weight: 150; 
    cursor: pointer; 
    transition: box-shadow .4s ease; 
} 

Вы можете добавить отступы если текст близко к границе ,

Answer 3

Try так: demo

CSS:

.formRowSubmit input[type="submit"] { 
    width: auto; 
    margin: 5px 0% 5px; 
    margin-bottom: 10px; 
    height: 25px; 
    border-radius: 3px; 
    outline: 0; 
    -moz-outline-style: none; 
    background: #CAD722; 
    border: none; 
    color: white; 
    font-size: 10px; 
    font-weight: 150; 
    cursor: pointer; 
    transition: box-shadow .4s ease; 
} 

HTML:

<div class="formRowSubmit"> 
    <input type="submit" value="Submit loooong llloooonnnng text"> 
</div>