Black friday Black friday
Aprílový black friday tě nenechá v klidu! Až 80 % prémiového obsahu zdarma. Více informací
Pouze tento týden slevy až 80 % na programování v Javě

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

JavaScript JavaScript primeng, menubar a nefunkčnost změny barvy vybrané položky podmenu American English version English version

Aktivity (1)
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
Šupák
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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
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
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.