Синяя тень, когда я нажимаю на кнопку - PullRequest
2 голосов
/ 15 марта 2019

Как мне избавиться от синей тени вокруг кнопок, когда я нажимаю на них?

Я создаю веб-приложение, используя Elm и mdgriffith / elmui .

Изображение кнопки до щелчка:

enter image description here

А после клика:

enter image description here

Код вяза:

module Main exposing (main)                                        

import Browser                                                     
import Element as E                                                
import Element.Input as Ei                                         
import Element.Border as Eb                                        

main = E.layout [ E.padding 30 ] <|                                
    Ei.button []                                                   
        { onPress = Nothing                                        
        , label = E.text "A button"                                
        }           

( запустить его в Элли )

Я не хочу использовать CSS, если это вообще возможно.

Edit:

Я не думаю, что это дубликат, потому что мой вопрос о том, как сделать это с elm-ui, а не с CSS.

1 Ответ

3 голосов
/ 15 марта 2019

Я решил использовать немного CSS, поскольку я не могу найти способ сделать это в elm-ui.Это работает:

module Main exposing (main)

import Html.Attributes as Hat
import Element as E
import Element.Input as Ei

noOutline = E.htmlAttribute <| Hat.style "box-shadow" "none"

main = E.layout [ E.padding 30 ] <|
    Ei.button [ noOutline ]
        { onPress = Nothing
        , label = E.text "A button"
        }

(Благодаря комментарию glennsl.)

...