Weboldal keresés
javascript - Hogyan lehet a bootstrap.css betűtípust HTML-ben a saját letöltött betűtípusomra változtatni
Megpróbáltam kideríteni, hogyan lehet ezt megtenni, legalábbis ez a link majdnem sikerült. de ő linket használ a betűtípus megváltoztatásához.
de van egy saját letöltött betűtípusom betűtípus-átalakítóval (.eot .otf .svg .ttf .woff .woff2)
és nekem van egy
További információ →javascript - Webpack - devtool: source-map a CSS-hez és eval-source-map a JS-hez?
Ha a devtool-t használom: 'source-map', nagyszerűen működik a CSS-sel:
De a JavaScript változóneveim egyáltalán nem viccesek:
További információ →javascript - összetett paraméterek SVG címkékhez (analóg calc() a CSS-hez)
Tudná-e megmondani, hogy az svg címkék képesek-e bonyolult paraméterek beállítására?
A CSS-hez van a calc() parancs, például:
width: calc (50% - 10px);Van valami ilyesmi SVG-re, például:
<circle r = 'calc (50% - 2px)'>?
További információ →Hogyan lehet összekapcsolni a backendet (Python, Flask) a frontenddel (HTML, CSS, JavaScript)
Info: a backendhez Python-t használok Flask-kel (jelenleg HTTP GET metódusokat fogad), a frontendhez pedig HTML-t, CSS-t és JavaScript-et használok.
Probléma: Megpróbálok egy HTTP-kérést küldeni (először POST-tal, majd GET-tel próbálkoztam), de a böngésző nem engedte: „Az XMLHttpRequest hozzáférése a 'localhost:5000/test' címhez a 'null' forrásból blokkolva lett a CORS szabályzat miatt: a keresztforrásos kérések csak a következő protokoll sémáknál támogatottak: http, data, chrome, chrom
További információ →javascript - hogyan használjuk a testvérválasztót CSS-ben styled komponensekben
Van egy stílusolt komponensem, ami így néz ki:
import styled from 'styled-components'; import List from '@material-ui/core/List'; import ListItem from '@material-ui/core/ListItem'; import ListItemText from '@material-ui/core/ListItemText'; export const CategoryList = styled(List)` `; //this is what i want to change További információ →javascript - kebab-case átalakítása camelCase-re a localsConvention segítségével a css-loader 3.4.2-ben nem működik
Tesztelési/tanulási célból a create-react-app 3.4.1 kilépett verzióját használom, amelyhez a css-loader 3.4.2 tartozik, és megpróbálom reprodukálni ezeket az eredményeket, ahol a css szelektorokat kebab-case formátumban írják, de a js
További információ →javascript - Hogyan szerezhetem meg az összes támogatott CSS tulajdonságot a WebKit-ben?
A Firefoxban, Operában és IE-ben így érhetem el őket:
>> for (k in document.body.style) console.log(k) -> opacity background height textAlign . ... long list ... . pointerEventsA WebKit-ben az eredmény teljesen más:
>> for (k in document.body.sty További információ →javascript - Hogyan akadályozhatom meg a CSS beavatkozását egy beszúrt HTML darabban?
Jelenleg egy Safari-bővítményt fejlesztek, amely egy befecskendezett szkriptet használ arra, hogy további HTML-t fecskendezzen a jelenlegi weboldalra, és emellett más szkripteket is befecskendez, hogy működjön. Ez mind jól működik, de a probléma az, hogy a befecskendezett HTML-t befolyáso
További információ →javascript - Éltáblás sakkhoz hasonló webalkalmazás létrehozása PHP, JS, CSS és HTML segítségével?
Szeretnék létrehozni egy élő, dámahöz hasonló alkalmazást, amely így fog működni: Több ikon/avatar lesz megjelenítve ezen a damaszerű felületen. Szeretnék egy parancssort a tábla alatt, vagy valamilyen más felületet, amely lehetővé teszi számukra, hogy egy bizonyos avatart irányítsanak, és végrehajtsanak vele műveleteket. Több felhasználó fogja egyszerre használni, és mindannyian látni tudjuk majd a többi felhasználó változtatásait/műveleteit a táblán.
Amire kíváncsi vagyok:
További információ →javascript - OpenLayers szabványos vezérlőgombjainak CSS-stílusozása
Az oldalamon egy szkripten OpenLayerst használok, és a CSS-t próbálom használni a térképen megjelenő standard gombok stílusának beállítására. Az OpenLayers dokumentációs oldalát követtem, és így stílusoltam őket:
.olControlNavToolbar div { display:block; width: 28px; height: 28px; top: 300px; left: 6px; position: relative; } .olControlNavToolbar .olControlNavigationItemActive { background-image: url("img/panning-hand-on.png"); background-repeat: no-repeat; } .ol További információ →