Как получить коробку внутри кнопок?

Question

Как получить коробку внутри кнопок? Я использую набор инструментов dojo, а кнопка css выглядит следующим образом:

        .button0 {
            margin: 2px;
            padding: 0px;
            background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
            background-color: #ffec64;
            border-radius: 9px;
            border: 3px solid #ffaa22;
            display: inline-block;
            cursor: pointer;
            color: #333333;
            font-family: Arial;
            font-size: 15px;
            font-weight: bold;
            text-decoration: none;
            outline: none;
            outline-color: transparent; 
        }
        .button0:hover {
            background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
            background-color: #ffab23;
            outline: none;
            outline-color: transparent; 
        }
        .button0:active {
            position: relative;
            outline: none;
            outline-color: transparent; 
        }

кнопки

Я хочу удалить границу размером 1 пиксель с текстом.

Answer 1

не может быть уверен, не увидев html. Я предполагаю, что класс css находится в элементе кнопки, например,

<button class="button0">

, и что нет тегов вложенных элементов. добавить:

.button0:focus{ outline: 0 } 

может исправить. примечание: для удобства лучше не удалять контур.