dodání ihned! nové
Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
BF

Diskuze: primeng, menubar a nefunkčnost změny barvy vybrané položky podmenu

Aktivity
Avatar
Pavel Horváth:16.9.2018 11:23

Nedaří se mě změnit barvu pozadí pro položku podmenu, nad kterou najedu myší.

Zkusil jsem: Zkoušel jsem hledat řešení na google.
Takto změním pozadí menu:
:host >>> .ui-menubar .ui-menuitem-link .ui-menuitem-text

Níže uvedené změní jen font písma a ne celou položku:
:host >>> .ui-menubar:HOVER .ui-menuitem-link:HOVER .ui-menuitem-text:HOVER{
background-color: red;
}

 
Odpovědět
16.9.2018 11:23
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Pavel Horváth
Honza Bittner:16.9.2018 14:26

A jsi si jistý, že funguje >>>?

Co to je? Angular, React, Vue...?

Nahoru Odpovědět
16.9.2018 14:26
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
Avatar
Odpovídá na Pavel Horváth
Pavel Horváth:16.9.2018 15:51

Jedná se o Angular.
Node.js version: v9.4.0
NPM version: 5.6.0
Takto změním title u prvku p-panel a to funguje:
:host >>> .my-panel .ui-panel-titlebar {
background-color: teal;
background-image:none;
color:white;
text-align: center;
vertical-align: middle;
}

Podařilo se mě barevně změnit celé menu až na ten výběr položky při najetí myši..

 
Nahoru Odpovědět
16.9.2018 15:51
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:17.9.2018 11:24

V css se to resi jako

element:hover {}
.class:hover {}
#id:hover {}
xxx :hover {} /* kde xxx je struktura elementu nebo dalsi podminky */

Pokud se to tam neresi jinak, jen css, tak si normalne nech zobrazit stranku v prohlizeci. Pak v prohlizeci najdes menu Zobrazit zdrojovy kod a dolad css podle realneho html kodu.
FF ma na Shift+F7 editor stylu. Tam si kliknes vlevo na plusko +, to ti prida novy css pod vsechny ostatni. A muzes ladit css primo v prohlizeci na jakekoliv strance (treba i seznam.cz). Pozor, nesmis kliknout na odkaz, jinak ti ten css smaze :) Az to budes mit tam vyresene, tak si to prikopirujes k oficialnimu css.
Ja si ukladam prubezne zmeny bokem v textovem editoru, prave proto, ze se kliknutim na odkaz ztrati.

Bez html kodu k css kodu ti nelze poradit, proc ti to nejde.

 
Nahoru Odpovědět
17.9.2018 11:24
Avatar
Pavel Horváth:17.9.2018 22:22

Zkusil jsem FF a editor stylu a ani to nepomohlo.
přes doplněk v chrome jsem zjistil barvu a označené volby menu a tu jsem v editoru nahradil a změna se neprojevila.
děkuji za pomoc, zkusím další večer googlit.

 
Nahoru Odpovědět
17.9.2018 22:22
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:18.9.2018 15:21

Tak potom musis s kodem ven, odkaz na stranku. Kdyz to nemame pred sebou... Nevim, co ti k tomu poradit vic.
Ten editor stylu v prohlizeci je jen pomucka. To css neprepisuje natrvalo, jen pro prave otevrene okno.

 
Nahoru Odpovědět
18.9.2018 15:21
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.