0
130
VisualizaçõesEstilo de flecha sobre el texto usando css
Estoy tratando de aplicar un estilo de flecha en los elementos ul, li seleccionados.
Sin embargo, estoy bastante seguro de cómo hacerlo. Hasta ahora soy capaz de hacer esto 
a continuación es mi código.
.appText, .prodText { padding: 5px 5px 5px 0; border-top: 1px solid transparent; border-radius: 3px; } .appText.selected, .prodText.selected { background: rgba(255, 255, 255, .075); border-left: 1px solid green; border-top: 1px solid green; border-bottom: 1px solid green; border-radius: 3px; } <!-- begin snippet: js hide: false console: true babel: false --> <ul data-bind="foreach: applications()"> <li data-bind="click: values())"> <div class="appText" data-bind="css: { selected: val}"> <span data-bind="text: name"></span> </div> <ul data-bind="foreach: products"> <li data-bind="click: values()"> <div class="prodText ProdText" data-bind="css: { selected: val"> <span class="prodName" data-bind="text: name, attr: { title: name }"></span> </div> </li> </ul> </li> </ul>
·
Juan Pablo Isaza
Responde à pergunta